HTMLフォーム入力タイプ-htmlチュートリアル-php.cn

HTML のタグは、ユーザー側からデータを受け入れるための Web フォーム内の対話型コントロールを設計するために使用されます。使用するユーザーエージェントとデバイスに応じて、さまざまな種類のコントロールウィジェットと入力データを利用できます。タグは、属性と入力タイプの組み合わせが非常に多いため、HTML 全体で使用される最も重要な要素の 1 つです。このトピックでは、HTML フォーム入力タイプについて学習します。

HTMLフォーム入力タイプ

タグは HTML

の重要な要素です。要素。内の「type」属性タグにはさまざまなタイプがあり、などの情報フィールドを定義するために使用されます。テキストボックスを提供します。のデフォルトのタイプ。タグはテキストです。

HTML で使用できる「入力」の種類のリスト

Type	Description	Format	Example
button	Used to define a push button with the text of the button being the value of the value attribute.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
checkbox	Used to define a checkbox allowing users to select/deselect its values.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー Cricket Tennis Football
file	Used to define a file upload feature on the local system with the accept attribute being used to restrict the file types for upload.		<input type="file" name="newfile"> ログイン後にコピー
hidden	Used to hide a control whose value will be submitted on the server. There is an example in the next column, but it’s hidden!
image	A graphical submit button — displaying an image defined with the src attribute. The alt attribute displays if the image src is missing.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
password	Used to define a single-line text field whose value is obscured, and it will also alert the user if the site is not secure		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
radio	Used to define a radio button and select a single value out of multiple.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー Red Blue Green
reset	Used to define a button to reset the form values to its defaults.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
submit	Used to define a submit button for the form.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
text	Used to define a text field in the form.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー

List of the types of “input” available in HTML5

Type	Description	Format	Example
color	Used to define the color of the elements in an HTML form. It takes a hexadecimal input.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
datetime-local	Used to define an element for date and time in the HTML form with opening a date picker or numeric wheels for the month, day, and year, when used in supported browsers.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
email	Used to define a text field for email which has all the predefined validations done for checking an email.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
date	Used to define a date picker for the HTML form.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
number	Used to input numbers in the HTML form by displaying a spinner and adding default validation when used in supported browsers.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
range	Used to define a range in the HTML form.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
search	Used to define single-line text fields for entering search strings.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
tel	Used to define a telephone entering field within an HTML form.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
time	Used to define a field for entering time in HTML form		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
url	Used to define a text field for entering a url in the HTML form with all its validations being performed automatically.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
week	Used to define a text field for entering the week-year number and a week number with no time zone.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー
datetime	Used to define a text field for entering a date and time (hour, minute, second, and fraction of a second) based on the UTC time zone.		ログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピーログイン後にコピー

属性

以下のセクションでは、関連するすべての属性を簡単な説明とともにリストした表を提供します。この表の後には、各属性とそれらが関連付けられている入力タイプを詳細に説明するリストが続きます。ほとんどまたはすべての入力タイプに共通するものについては、以下で詳しく定義します。

Attribute	Types
1. accept	file
2. alt	image
3. autocomplete	all
4. autofocus	all
5. capture	file
6. checked	radio, checkbox
7. dirname	text, search
8. disabled	all
9. form	all
10. formaction	image, submit
11. formenctype	image, submit
12. formmethod	image, submit
13. formnovalidate	image, submit
14. formtarget	image, submit
15. height	image
16. list	almost all
17. max	numeric types
18. maxlength	password, search, tel, text, url
19. min	numeric types
20. minlength	password, search, tel, text, url
21. multiple	email, file
22. name	all
23. pattern	password, text, tel
24. placeholder	password, search, tel, text, url
25. readonly	almost all
26. required	almost all
27. size	email, password, tel, text
28. src	image
29. step	numeric types
30. type	all
31. value	all
32. width	image

結論 – HTML フォーム入力タイプ

HTML5 の新しいフォーム入力タイプの助けを借りて、ユーザーのエクスペリエンスを向上させ、将来性のあるアプリケーションを作成し、開発者にとってコーディングを少し容易にすることができます。これらの新しいフォーム入力タイプのサポートは、特にキーパッドを備えたモバイルデバイスで強力です。これらの入力タイプはユーザビリティの観点から安全であり、ユーザーに追加のユーティリティも提供します。

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