W3Schools 튜토리얼을 P-Reinforce v3.1 포맷으로 위키화(영어 본문, 한/영 섹션 헤더). - Topic_HTML: 59문서 (튜토리얼+예제, 레퍼런스/메타 제외) - Topic_CSS: 190문서 (메인 + Advanced/Flexbox/Grid/RWD 전체) - Topic_JavaScript: 120문서 (코어 언어; Temporal/DOM상세/BOM/WebAPI/AJAX/jQuery/Graphics 등은 후속) 각 폴더 00_INDEX.md(MOC) 포함. 코드 verbatim, 미확인분은 "Not found in source" 표기. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
7.1 KiB
id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit
| id | title | category | status | verification_status | canonical_id | aliases | duplicate_of | source_trust_level | confidence_score | created_at | updated_at | review_reason | merge_history | tags | raw_sources | applied_in | github_commit | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| html-form-attributes | HTML Form Attributes | Frontend | draft | conceptual |
|
B | 0.90 | 2026-06-23 | 2026-06-23 |
|
|
HTML Form Attributes
🎯 한 줄 통찰 (One-line insight)
A <form>'s attributes control where its data goes (action), how the response is shown (target), how the data is transmitted (method — GET vs POST), and how validation/autocomplete behave (novalidate, autocomplete). [S1]
🧠 핵심 개념 (Core concepts)
action— specifies where the form data is sent (a file on the server) when the submit button is clicked; if omitted, the form submits to the current page. [S1]target— specifies where to display the response (e.g. new tab, current window); default is_self. [S1]method— specifies the HTTP method (GET or POST) for sending the data; GET appends data to the URL, POST hides it in the request body. [S1]- Security rule — never use GET for sensitive data (it is visible in the URL); always use POST for sensitive or personal information. [S1]
autocomplete— turns browser autocomplete on/off;novalidatedisables form validation on submit. [S1]
🧩 추출된 패턴 (Extracted patterns)
- Action target pattern —
<form action="/action_page.php">. [S1] - New-tab response —
<form ... target="_blank">. [S1] - Method selection —
<form ... method="get">vsmethod="post">. [S1] - Disable validation —
<form action="..." novalidate>(boolean attribute). [S1]
📖 세부 내용 (Details)
The Action Attribute
The action attribute defines the action to be performed when the form is submitted — the form data is sent to a file on the server. If the attribute is omitted, the action is set to the current page. [S1]
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
The Target Attribute
The target attribute specifies where to display the response received after submitting the form. The default value is _self. [S1]
| Value | Description |
|---|---|
_blank |
The response is displayed in a new window or tab |
_self |
The response is displayed in the current window |
_parent |
The response is displayed in the parent frame |
_top |
The response is displayed in the full body of the window |
framename |
The response is displayed in a named iframe |
Example opening the result in a new tab: [S1]
<form action="/action_page.php" target="_blank">
The Method Attribute
The method attribute specifies the HTTP method to be used when submitting the form data. The data can be sent as URL variables (method="get") or as an HTTP post transaction (method="post"). [S1]
- GET — appends the form data to the URL as name/value pairs. The URL length is limited (about 2048 characters). GET is good for non-sensitive data and produces bookmarkable results. NEVER use GET to send sensitive data — the submitted form data is visible in the URL. [S1]
- POST — sends the form data inside the HTTP request body (not visible in the URL). It supports large amounts of data and is appropriate for sensitive information, but POST submissions cannot be bookmarked. Always use POST if the form data contains sensitive or personal information. [S1]
The Autocomplete Attribute
The autocomplete attribute specifies whether a form should have autocomplete on or off. When on, the browser automatically completes values based on values the user has entered before. [S1]
<form action="/action_page.php" autocomplete="on">
The Novalidate Attribute
novalidate is a boolean attribute. When present, it specifies that the form data should not be validated when submitted. [S1]
<form action="/action_page.php" novalidate>
List of All Form Attributes [S1]
| Attribute | Description |
|---|---|
accept-charset |
Specifies the character encodings used for form submission |
action |
Specifies where to send the form-data when the form is submitted |
autocomplete |
Specifies whether a form should have autocomplete on or off |
enctype |
Specifies how the form-data should be encoded (only for method="post") |
method |
Specifies the HTTP method to use when sending form-data |
name |
Specifies the name of the form |
novalidate |
Specifies that the form should not be validated when submitted |
rel |
Specifies the relationship between a linked resource and the current document |
target |
Specifies where to display the response that is received after submitting the form |
🛠️ 적용 사례 (Applied in summary)
The action/submit example above is the canonical applied case: a form posting first/last name to /action_page.php. No external project/commit applications found in the source.
💻 코드 패턴 (Code patterns)
Form posting to a server-side handler:
<form action="/action_page.php" method="post">
...
<input type="submit" value="Submit">
</form>
Open response in a new tab and skip validation:
<form action="/action_page.php" target="_blank" novalidate>
⚖️ 비교 및 선택 기준 (Comparison & decision criteria)
- GET — data appended to the URL (visible), length-limited (~2048 chars), bookmarkable; use for non-sensitive queries where a shareable/bookmarkable URL is desirable. NEVER for sensitive data. [S1]
- POST — data hidden in the request body, supports large payloads, not bookmarkable; always use for sensitive or personal information and large data. [S1]
⚖️ 모순 및 업데이트 (Contradictions & updates)
No contradictions found in the source. [S1]
✅ 검증 상태 및 신뢰도
- 상태: draft
- 검증 단계: conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능)
- 출처 신뢰도: B (W3Schools — widely used educational reference, not a primary standards body)
- 신뢰 점수: 0.90
- 중복 검사 결과: 신규 생성 (New discovery)
🔗 지식 그래프 (Knowledge Graph)
- 상위/루트: HTML Tutorial
- 관련 개념: HTML Forms, HTML Form Elements, HTML Input Types, HTML URL Encode
- 참조 맥락: Referenced when configuring how a form submits and transmits its data to a server.
📚 출처 (Sources)
- [S1] W3Schools — HTML Form Attributes — https://www.w3schools.com/html/html_forms_attributes.asp
📝 변경 이력 (Change history)
- 2026-06-23: Initial draft synthesized from the W3Schools "HTML Form Attributes" page (Astra wiki-curation, P-Reinforce v3.1 format).