HTML5 フォームのすべてのタイプの詳細な紹介-H5 チュートリアル-php.cn

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

黄舟

リリース： 2017-05-21 14:57:45

オリジナル

2596 人が閲覧しました

1.button: クリック可能なボタンを定義します(通常、スクリプトを起動するためにJavaScriptとともに使用されます)。

<input id="" type="button" name="" value="按钮" /><br />
<br />

ログイン後にコピー

2.checkbox: checkboxを定義します。

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />

ログイン後にコピー

3.cancel: 送信をキャンセルするために使用されるキャンセルボタン。

<input id="" type="cancel" name="" /><br />
<br />

ログイン後にコピー

4.color: カラーピッカーを定義します。

<input id="" type="color" name="" /><br />
<br />

ログイン後にコピー

5.date: 日付controlを定義します(年、月、日を含み、時間を除く)。

<input id="" type="date" name="" /><br />
<br />

ログイン後にコピー

6.datetime: 日付と時刻のコントロールを定義します (UTC タイムゾーンに基づいて、年、月、日、時、分、秒、秒の小数部を含む)。

<
for
m 
action
="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />

ログイン後にコピー

7.datetime-local: 日付と時刻のコントロールを定義します (年、月、日、時、分、秒、秒の小数部、タイムゾーンなしを含む)。

<input id="" type="datetime-local" name="" /><br />
<br />

ログイン後にコピー

8.month: 月と年のコントロールを定義します (タイムゾーンなし)。

<input id="" type="month" name="" /><br />
<br />

ログイン後にコピー

9.week: 週と年の管理を定義します (タイムゾーンなし)。

<input id="" type="week" name="" /><br />
<br />

ログイン後にコピー

10.time: 時間を入力するためのコントロールを定義します (タイムゾーンなし)。

<input id="" type="time" name="" /><br />
<br />

ログイン後にコピー

11.email: 電子メールアドレスに使用されるフィールドを定義します。

<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />

ログイン後にコピー

12.file: ファイルアップロードのファイル選択フィールドと「参照...」ボタンを定義します。

<input id="" type="file" name="" /><br />
<br />

ログイン後にコピー

13.hidden: 非表示の入力フィールドを定義します。

<input id="" type="hidden" name="" /><br />
<br />

ログイン後にコピー

14.image: 画像を送信ボタンとして定義します。

<input id="" type="image" name="" /><br />
<br />

ログイン後にコピー

15.number: 数値を入力するフィールドを定義します。

<input id="" type="number" name="" /><br />
<br />

ログイン後にコピー

16.password: パスワードフィールドを定義します (フィールド内の文字はマスクされます)。

<input id="" type="password" name="" /><br />
<br />

ログイン後にコピー

17.radio: ラジオボタンを定義します。

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />

ログイン後にコピー

18.range: 正確な値が重要ではない入力数値のコントロール (スライダーコントロールなど) を定義します。

<input id="" type="range" name="" /><br />
<br />

ログイン後にコピー

19.reset: リセットボタンを定義します (すべてのフォーム値をデフォルト値にリセットします)。

<input id="" type="reset" name="" /><br />
<br />

ログイン後にコピー

20.search: search stringを入力するために使用されるテキストフィールドを定義します。

<input id="" type="search" name="" /><br />
<br />

ログイン後にコピー

21.submit: 送信ボタンを定義します。

<input id="" type="submit" name="" value="提交" /><br />
<br />

ログイン後にコピー

22.tel: 電話番号を入力するフィールドを定義します。

電話番号を入力してください:

<input id="" type="tel" name="" /><br />
<br />

ログイン後にコピー

23.text: デフォルト。単一行のテキストフィールドを定義します(デフォルトの幅は20文字)。

<input id="" type="text" name="" /><br />
<br />

ログイン後にコピー

24.url: URL を入力するフィールドを定義します。

ホームページの URL を追加してください:

<input id="" type="url" name="" /></p>

ログイン後にコピー

以上がHTML5 フォームのすべてのタイプの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。