HTML5における入力とは何を意味しますか-フロントエンドQ&A-php.cn

HTML5における入力とは何を意味しますか

青灯夜游

リリース： 2022-03-15 16:49:38

オリジナル

2219 人が閲覧しました

Input は HTML5 の「入力ボックス」を意味し、ユーザーがデータを入力できる入力フィールドを指定します。input の type 属性に応じて、入力フィールドにはテキストフィールドやチェックボックスなどの多くのフォームがあります。ボックス、パスワードフィールド、ラジオボタン、ボタンなど。

HTML5における入力とは何を意味しますか

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

Inputとは、html5では「入力ボックス」を意味します。

このタグは、ユーザーがデータを入力できる入力フィールドを指定します。

要素は、ユーザーがデータを入力できるようにする入力コントロールを宣言するために

要素で使用されます。

構文:

<input type="类型值" />

ログイン後にコピー

さまざまなタイプ属性に応じて、入力フィールドには複数のフォームがあります。入力フィールドには、テキストフィールド、チェックボックス、パスワードフィールド、ラジオボタン、ボタンなどがあります。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入"/><br /><br />
		<input type="number" placeholder="只能输入数字"/>
	</body>
</html>

ログイン後にコピー

HTML5における入力とは何を意味しますか

入力要素のタイプ -- type 属性で設定できる値

#image画像を送信ボタンとして定義します。 month月と年のコントロールを定義します (タイムゾーンなし)。 number 数値を入力するフィールドを定義します。 passwordパスワードフィールドを定義します (フィールド内の文字はマスクされます)。 radioラジオボタンを定義します。 #range正確な値が重要ではない数値を入力するためのコントロール (スライダーコントロールなど) を定義します。 resetリセットボタンを定義します (すべてのフォーム値をデフォルト値にリセットします)。 search検索文字列の入力に使用するテキストフィールドを定義します。送信送信ボタンを定義します。 tel 電話番号を入力するフィールドを定義します。 #テキストtimeurlweek 例:

value	Description
button	クリック可能なボタンを定義します (スクリプトを起動するために JavaScript でよく使用されます)。
チェックボックス	チェックボックスを定義します。
color	カラーピッカーを定義します。
date	日付コントロールを定義します (年、月、日を含み、時間を除く)。
datetime	日付と時刻のコントロールを定義します (UTC タイムゾーンに基づいて、年、月、日、時、分、秒、秒の小数部を含む)。
datetime-local	日付と時刻のコントロールを定義します (年、月、日、時、分、秒、秒の小数部、タイムゾーンなしを含む)。
email	電子メールアドレスに使用されるフィールドを定義します。
file	ファイル選択フィールドとファイルアップロード用の「参照...」ボタンを定義します。
hidden	非表示の入力フィールドを定義します。










デフォルト。単一行のテキストフィールドを定義します(デフォルトの幅は20文字)。
時刻を入力するためのコントロールを定義します (タイムゾーンなし)。
URL を入力するフィールドを定義します。
週と年のコントロールを定義します (タイムゾーンなし)。

<input type="button" value="点我">

ログイン後にコピー

<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>

ログイン後にコピー

选择你喜欢的颜色: <input type="color" name="favcolor"><br>

ログイン後にコピー

生日 (日期和时间): <input type="datetime" name="bdaytime">

ログイン後にコピー

HTML5における入力とは何を意味しますか推奨チュートリアル: 「

html ビデオチュートリアル

」

以上がHTML5における入力とは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。