HTML入力フォーム*属性
この章ではform*、HTML<input>要素のさまざまな属性について説明します。
フォーム属性
inputform属性は、<input>要素が属するフォームを指定します。
この属性の値は、それが属する<form>要素のid属性と等しくなければなりません。
例
HTMLフォームの外部にある入力フィールド（ただし、フォームの一部）：
<form action="/action_page.php" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last
name:</label>
<input type="text" id="lname"
name="lname" form="form1">
formaction属性
inputformaction属性は、フォームの送信時に入力を処理するファイルのURLを指定します。
注：この属性
actionは、<form>要素の属性をオーバーライドします。
このformaction属性は、submitとimageの入力タイプで機能します。
例
アクションが異なる2つの送信ボタンがあるHTMLフォーム：
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
formenctype属性
inputformenctype 属性は、送信時にフォームデータをエンコードする方法を指定します（method = "post"のフォームの場合のみ）。
注：この属性は、<form>要素のenctype属性をオーバーライドします。
このformenctype属性は、submitとimageの入力タイプで機能します。
例
2つの送信ボタンがあるフォーム。1つ目はデフォルトのエンコーディングでフォームデータを送信し、2つ目は「multipart / form-data」としてエンコードされたフォームデータを送信します。
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
formmethod属性
inputformmethod 属性は、フォームデータをアクションURLに送信するためのHTTPメソッドを定義します。
注：この属性は、<form>要素のメソッド属性をオーバーライドします。
このformmethod属性は、submitとimageの入力タイプで機能します。
form-dataは、URL変数（method = "get"）またはHTTP postトランザクション（method = "post"）として送信できます。
「get」メソッドに関する注意：
- このメソッドは、フォームデータを名前と値のペアでURLに追加します
- このメソッドは、ユーザーが結果をブックマークしたいフォーム送信に役立ちます
- URLに配置できるデータの量には制限があるため（ブラウザによって異なります）、すべてのフォームデータが正しく転送されるかどうかを確認することはできません。
- 「get」メソッドを使用して機密情報を渡さないでください。（パスワードまたはその他の機密情報は、ブラウザのアドレスバーに表示されます）
「post」メソッドに関する注意：
- このメソッドは、フォームデータをHTTPPOSTトランザクションとして送信します
- 「post」方式のフォーム送信はブックマークできません
- 「post」メソッドは「get」よりも堅牢で安全であり、「post」にはサイズ制限がありません
例
2つの送信ボタンがあるフォーム。1つ目は、method = "get"を使用してform-dataを送信します。2つ目は、method = "post"を使用してform-dataを送信します。
<form action="/action_page.php" method="get">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit using
GET">
<input type="submit" formmethod="post" value="Submit using
POST">
</form>
formtarget属性
inputformtarget属性は、フォームの送信後に受信した応答を表示する場所を示す名前またはキーワードを指定します。
注：この属性は、<form>要素のターゲット属性をオーバーライドします。
このformtarget属性は、submitとimageの入力タイプで機能します。
例
ターゲットウィンドウが異なる2つの送信ボタンがあるフォーム：
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
formnovalidate属性
inputformnovalidate属性は、送信時に<input>要素を検証しないことを指定します。
注：この属性は、<form>
要素のnovalidate属性をオーバーライドします。
このformnovalidate属性は、次の入力タイプで機能します：送信。
例
2つの送信ボタンがあるフォーム（検証ありとなし）：
<form action="/action_page.php">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
novalidate属性
novalidate属性は属性<form>です。
存在する場合、novalidateは、送信時にすべてのフォームデータを検証しないように指定します。
例
送信時にフォームデータを検証しないように指定します。
<form action="/action_page.php" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
HTMLフォームと入力要素
| Tag | Description |
|---|---|
| <form> | Defines an HTML form for user input |
| <input> | Defines an input control |
利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。