ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 フォームのすべてのタイプの詳細な紹介

HTML5 フォームのすべてのタイプの詳細な紹介

黄舟
黄舟オリジナル
2017-05-21 14:57:452588ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。