最小、最大ステップ属性は、数値または日付を含む入力タイプの制限 (制約) を指定するために使用されます。 注: min、max、step 属性は、日付ピッカー、数値、範囲の <input> タグのタイプに適用されます。
例
<input>要素の最小値と最大値の設定:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<form action="">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="http://img3.imgtn.bdimg.com/it/u=4163745010,2599120287&fm=21&gp=0.jpg" alt="Submit" width="100" height="80">
</form>
</body>
</html>
プログラムを実行して試してください
注: Internet Explorer 9 以前の IE バージョン、Firefox は最大値と最大値をサポートしていません入力タグの min 属性。
注: max 属性と min 属性は、Internet Explorer 10 の日付と時刻の入力をサポートしません。IE 10 は、これらの入力タイプをサポートしません。
<input> multiple 属性 multiple 属性は、<input> 要素で複数の値を選択できることを指定します。
注: multiple 属性は、電子メールとファイルの <input> タグのタイプに適用されます。 : 電子メール、ファイル。
例
複数のファイルをアップロードする:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<form action="" method="post">
<input list="browsers" name="">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>
</body>
</html>
プログラムを実行して試してみる
<input> パターン属性は正規表現を記述します
<input> 要素の値を検証します。 注: pattern 属性は、テキスト、検索、URL、電話番号、電子メール、およびパスワードの <input> タグのタイプに適用されます。
ヒント: パターンを説明するためにグローバル タイトル属性によって使用されます。 ヒント: JavaScript チュートリアルで正規表現について学ぶことができます
例
以下の例は、3 文字のみを含めることができるテキスト フィールド (数字と特殊文字を除く) を示しています:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<form action="">
输入 1980-01-01 之前的日期:
<input type="date" name="bday" max="1979-12-31"><br>
输入 2000-01-01 之后的日期:
<input type="date" name="bday" min="2000-01-02"><br>
数量 (在1和5之间):
<input type="number" name="quantity" min="1" max="5"><br>
<input type="submit">
</form>
</body>
</html>
Runプログラムを試してみましょう
<input> プレースホルダー属性
placeholder 属性は、入力フィールドの期待値を説明するヒントを提供します。
ユーザーが値を入力する前に、入力フィールドに短いプロンプトが表示されます。
注: プレースホルダー属性は、テキスト、検索、URL、電話、メール、パスワードの <input> タグのタイプに適用されます。
例
入力フィールドのプロンプトテキスト:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<form action="">
选择图片: <input type="file" name="img" multiple>
<input type="submit">
</form>
<p>尝试选取一张或者多种图片。</p>
</body>
</html>
プログラムを実行して試してください
<input> 必須属性
必須属性はブール属性です。
必須属性は必須です送信する前に入力フィールドに入力してください (空にすることはできません)。
注: 必須属性は、テキスト、検索、URL、電話、電子メール、パスワード、日付ピッカー、番号、チェックボックス、ラジオ、ファイルの <input> タグのタイプに適用されます。
例
空にできない入力フィールド:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<form action="">
请输入3位字母: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
<input type="submit">
</form>
</body>
</html>確認するにはプログラムを実行し、入力せずに送信してください
<input> step属性は有効です。入力フィールドの数値間隔。 step="3" の場合、有効な数値は -3、0、3、6 などです。
ヒント: step 属性は、max 属性と min 属性を使用して範囲値を作成できます。
注 : step 属性 次のタイプで使用されます: 数値、範囲、日付、日時、ローカル日時、月、時刻、および週
は、入力ステップ 3 を指定します。試してみてください
注: Internet Explorer 9 以前の IE バージョン、または Firefox は、input タグの step 属性をサポートしていません。
HTML5 <input> タグ
| ラベル | 説明 |
| フォームフォーム | |
<入力> | 入力フィールドを定義します | |
次のセクション
