ホームページ > 記事 > ウェブフロントエンド > HTML5 フォームのすべてのタイプの詳細な紹介
1.button: クリック可能なボタンを定義します(通常、スクリプトを起動するためにJavaScriptとともに使用されます)。 df250b2156c434f3390392d09b1c9563
<input id="" type="button" name="" value="按钮" /><br /> <br />
2.checkbox: checkboxを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="checkbox" name="" />男<br /> <input id="" type="checkbox" name="" checked="checked" />女<br /> <br />
3.cancel: 送信をキャンセルするために使用されるキャンセル ボタン。 df250b2156c434f3390392d09b1c9563
<input id="" type="cancel" name="" /><br /> <br />
4.color: カラーピッカーを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="color" name="" /><br /> <br />
5.date: 日付controlを定義します(年、月、日を含み、時間を除く)。 df250b2156c434f3390392d09b1c9563
<input id="" type="date" name="" /><br /> <br />
6.datetime: 日付と時刻のコントロールを定義します (UTC タイムゾーンに基づいて、年、月、日、時、分、秒、秒の小数部を含む)。 94b3e26ee717c64999d7867364b1b4a3
< for m action ="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form> <p><br /> <br />
7.datetime-local: 日付と時刻のコントロールを定義します (年、月、日、時、分、秒、秒の小数部、タイムゾーンなしを含む)。 df250b2156c434f3390392d09b1c9563
<input id="" type="datetime-local" name="" /><br /> <br />
8.month: 月と年のコントロールを定義します (タイムゾーンなし)。 df250b2156c434f3390392d09b1c9563
<input id="" type="month" name="" /><br /> <br />
9.week: 週と年の管理を定義します (タイムゾーンなし)。 df250b2156c434f3390392d09b1c9563
<input id="" type="week" name="" /><br /> <br />
10.time: 時間を入力するためのコントロールを定義します (タイムゾーンなし)。 df250b2156c434f3390392d09b1c9563
<input id="" type="time" name="" /><br /> <br />
11.email: 電子メール アドレスに使用されるフィールドを定義します。 94b3e26ee717c64999d7867364b1b4a3
<form action=""></form> <p>E-mail:<input id="" type="email" name="" /><br /> <br />
12.file: ファイルアップロードのファイル選択フィールドと「参照...」ボタンを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="file" name="" /><br /> <br />
13.hidden: 非表示の入力フィールドを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="hidden" name="" /><br /> <br />
14.image: 画像を送信ボタンとして定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="image" name="" /><br /> <br />
15.number: 数値を入力するフィールドを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="number" name="" /><br /> <br />
16.password: パスワードフィールドを定義します (フィールド内の文字はマスクされます)。 df250b2156c434f3390392d09b1c9563
<input id="" type="password" name="" /><br /> <br />
17.radio: ラジオボタンを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="radio" name="" />男<br /> <input id="" type="radio" name="" checked="checked" />女<br /> <br />
18.range: 正確な値が重要ではない入力数値のコントロール (スライダー コントロールなど) を定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="range" name="" /><br /> <br />
19.reset: リセット ボタンを定義します (すべてのフォーム値をデフォルト値にリセットします)。 df250b2156c434f3390392d09b1c9563
<input id="" type="reset" name="" /><br /> <br />
20.search: searchstringを入力するために使用されるテキストフィールドを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="search" name="" /><br /> <br />
21.submit: 送信ボタンを定義します。 df250b2156c434f3390392d09b1c9563
<input id="" type="submit" name="" value="提交" /><br /> <br />
22.tel: 電話番号を入力するフィールドを定義します。 df250b2156c434f3390392d09b1c9563
電話番号を入力してください:
<input id="" type="tel" name="" /><br /> <br />
23.text: デフォルト。単一行のテキストフィールドを定義します(デフォルトの幅は20文字)。 df250b2156c434f3390392d09b1c9563
<input id="" type="text" name="" /><br /> <br />
24.url: URL を入力するフィールドを定義します。 df250b2156c434f3390392d09b1c9563
ホームページの URL を追加してください:
<input id="" type="url" name="" /></p>
以上がHTML5 フォームのすべてのタイプの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。