feat(jsx): improve form attribute types (#3330)

honojs · Aug 29, 2024 · e449c95 · e449c95
1 parent bc2b7cf
commit e449c95
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/src/jsx/intrinsic-elements.ts b/src/jsx/intrinsic-elements.ts
@@ -245,8 +245,8 @@ export namespace JSX {
   interface ButtonHTMLAttributes extends HTMLAttributes {
     disabled?: boolean | undefined
     form?: string | undefined
-    formenctype?: string | undefined
-    formmethod?: string | undefined
+    formenctype?: HTMLAttributeFormEnctype | undefined
+    formmethod?: HTMLAttributeFormMethod | undefined
     formnovalidate?: boolean | undefined
     formtarget?: HTMLAttributeAnchorTarget | undefined
     name?: string | undefined
@@ -303,11 +303,21 @@ export namespace JSX {
     name?: string | undefined
   }
 
+  /** @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#method */
+  type HTMLAttributeFormMethod = 'get' | 'post' | 'dialog'
+  /** @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#enctype */
+  type HTMLAttributeFormEnctype =
+    | 'application/x-www-form-urlencoded'
+    | 'multipart/form-data'
+    | 'text/plain'
+  /** @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#autocomplete */
+  type HTMLAttributeFormAutocomplete = 'on' | 'off'
+
   interface FormHTMLAttributes extends HTMLAttributes {
-    'accept-charset'?: string | undefined
-    autocomplete?: string | undefined
-    enctype?: string | undefined
-    method?: string | undefined
+    'accept-charset'?: StringLiteralUnion<'utf-8'> | undefined
+    autocomplete?: HTMLAttributeFormAutocomplete | undefined
+    enctype?: HTMLAttributeFormEnctype | undefined
+    method?: HTMLAttributeFormMethod | undefined
     name?: string | undefined
     novalidate?: boolean | undefined
     target?: HTMLAttributeAnchorTarget | undefined
@@ -446,8 +456,8 @@ export namespace JSX {
     checked?: boolean | undefined
     disabled?: boolean | undefined
     form?: string | undefined
-    formenctype?: string | undefined
-    formmethod?: string | undefined
+    formenctype?: HTMLAttributeFormEnctype | undefined
+    formmethod?: HTMLAttributeFormMethod | undefined
     formnovalidate?: boolean | undefined
     formtarget?: HTMLAttributeAnchorTarget | undefined
     height?: number | string | undefined