--- id: html-input-form-attributes title: "HTML Input Form Attributes" category: "Frontend" status: "draft" verification_status: "conceptual" canonical_id: "" aliases: ["input form attributes", "formaction", "formmethod", "formtarget", "formnovalidate", "form override attributes"] duplicate_of: "" source_trust_level: "B" confidence_score: 0.89 created_at: 2026-06-23 updated_at: 2026-06-23 review_reason: "" merge_history: [] tags: ["html", "web", "frontend", "forms", "input", "w3schools"] raw_sources: ["https://www.w3schools.com/html/html_form_attributes_form.asp"] applied_in: [] github_commit: "" --- # [[HTML Input Form Attributes]] ## 🎯 ν•œ 쀄 톡찰 (One-line insight) The `form*` family of `` attributes (`form`, `formaction`, `formenctype`, `formmethod`, `formtarget`, `formnovalidate`) lets an individual input override its parent `
`'s submission behavior β€” enabling multiple submit buttons with different destinations, methods, encodings, or validation within one form. [S1] ## 🧠 핡심 κ°œλ… (Core concepts) - **form** β€” associates an input with a `` by that form's `id`, so the input can live **outside** the `` element and still be part of it. [S1] - **formaction** β€” specifies the URL that processes the input when submitted; overrides the form's `action`. Works with `submit` and `image`. [S1] - **formenctype** β€” specifies how form data is encoded on submit (only for `method="post"`); overrides the form's `enctype`. Works with `submit` and `image`. [S1] - **formmethod** β€” specifies the HTTP method (GET/POST) for submission; overrides the form's `method`. Works with `submit` and `image`. [S1] - **formtarget** β€” specifies where to display the response after submission; overrides the form's `target`. Works with `submit` and `image`. [S1] - **formnovalidate** β€” specifies that this input should bypass validation on submit; overrides the form's `novalidate`. Works with `submit`. [S1] - **novalidate (form-level)** β€” a `` attribute that disables validation for all data on submission. [S1] ## 🧩 μΆ”μΆœλœ νŒ¨ν„΄ (Extracted patterns) - **Detached input pattern** β€” `` ties an input outside the `` to the form whose `id="form1"`. [S1] - **Multiple-destination pattern** β€” two `` in one form, one with `formaction` pointing elsewhere, give two submit targets. [S1] - **Per-button method override** β€” one submit uses the form's GET, another adds `formmethod="post"`. [S1] - **Skip-validation submit** β€” a secondary submit with `formnovalidate` lets users submit without passing validation (e.g. "save draft"). [S1] ## πŸ“– μ„ΈλΆ€ λ‚΄μš© (Details) **The form attribute** β€” specifies which form an `` element belongs to. Its value must equal the `id` of the ``. This lets an input placed outside the `` element still be submitted with it: [S1] ```html

``` **The formaction attribute** β€” specifies the URL of the file that will process the input when the form is submitted; it overrides the `action` attribute of the `
`. It works with `type="submit"` and `type="image"`: [S1] ```html



``` **The formenctype attribute** β€” specifies how the form data should be encoded when submitted (only for `method="post"`); it overrides the `enctype` attribute of the `
`. It works with `type="submit"` and `type="image"`: [S1] ```html

``` **The formmethod attribute** β€” defines the HTTP method (GET or POST) for sending form data to the action URL; it overrides the `method` attribute of the `
`. GET appends data to the URL; POST sends data as an HTTP transaction (more secure for sensitive data). It works with `type="submit"` and `type="image"`: [S1] ```html



``` **The formtarget attribute** β€” specifies a name or keyword indicating where to display the response after submitting the form; it overrides the `target` attribute of the `
`. It works with `type="submit"` and `type="image"`: [S1] ```html



``` **The formnovalidate attribute** β€” specifies that an `` element should not be validated when submitted; it overrides the `novalidate` attribute of the `
`. It works with `type="submit"`: [S1] ```html

``` **The novalidate attribute (form-level)** β€” a `
` attribute that, when present, specifies that all of the form data should not be validated when submitted. [S1] ## πŸ› οΈ 적용 사둀 (Applied in summary) The examples above are the canonical applied uses: a "Last name" field rendered outside the form yet submitted with it (`form`), a dual "Submit" / "Submit as Admin" pair routing to different handlers (`formaction`), a GET/POST toggle (`formmethod`), opening the response in a new tab (`formtarget`), and a "Submit without validation" escape hatch (`formnovalidate`). No external project/commit applications found in the source. ## πŸ’» μ½”λ“œ νŒ¨ν„΄ (Code patterns) Two submit buttons β†’ two destinations (HTML): ```html ``` Input attached to a form by id (HTML): ```html ``` Skip-validation submit (HTML): ```html ``` ## βš–οΈ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & updates) No contradictions found in the source. The unifying principle: each `form*` attribute on a submit/image input is an **override** of the corresponding `` attribute, scoped to the moment that button submits the form. [S1] ## βœ… 검증 μƒνƒœ 및 신뒰도 - **μƒνƒœ:** draft - **검증 단계:** conceptual (μ‹€μ œ 적용 사둀 발견 μ‹œ applied/validated둜 승격 κ°€λŠ₯) - **좜처 신뒰도:** B (W3Schools β€” widely used educational reference, not a primary standards body) - **μ‹ λ’° 점수:** 0.89 - **쀑볡 검사 κ²°κ³Ό:** μ‹ κ·œ 생성 (New discovery) ## πŸ”— 지식 κ·Έλž˜ν”„ (Knowledge Graph) - **μƒμœ„/루트:** [[HTML Tutorial]] - **κ΄€λ ¨ κ°œλ…:** [[HTML Input Attributes]], [[HTML Input Types]], [[HTML Forms]], [[HTML Form Elements]] - **μ°Έμ‘° λ§₯락:** Referenced when a single form needs multiple submit buttons with differing destinations, methods, or validation rules. ## πŸ“š 좜처 (Sources) - [S1] W3Schools β€” HTML Input Form Attributes β€” https://www.w3schools.com/html/html_form_attributes_form.asp ## πŸ“ λ³€κ²½ 이λ ₯ (Change history) - 2026-06-23: Initial draft synthesized from the W3Schools "HTML Input Form Attributes" page (Astra wiki-curation, P-Reinforce v3.1 format).