type 属性は、入力要素のタイプを指定します。
注: この属性は必須ではありませんが、常に使用する必要があると考えられます。
<!DOCTYPE html><html lang=ja><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width、initial-scale=1.0> <meta http-equiv=X-UA -互換性のあるコンテンツ=ie=edge> <title>カラーピッカー</title></head><body> <input type=color id=color></body><script> document.querySelector(#color).onchange = function () { document.getElementById('color').click(); // トリガーするにはクリック イベントを追加する必要があります。追加しないと、[OK] ボタンをクリックしても色の変更をトリガーできません。 .body.style.background = this.value }</script></html> HTML 5 の <input> タイプ属性を見てみましょう。属性値
| 価値 | 説明する |
|---|---|
| ボタン | クリック可能なボタンを定義します (スクリプトを起動するために JavaScript で主に使用されます) |
| チェックボックス | チェックボックスを定義します。 |
| 色 | カラーピッカーを定義します。 |
| 日付 | 日付フィールドの定義 (カレンダー コントロールを使用) |
| 日時 | 日付フィールドを定義します (カレンダーと時刻のコントロールを使用) |
| 日時ローカル | 日付フィールドを定義します (カレンダーと時刻のコントロールを使用) |
| 月 | 日付フィールドの月を定義します (カレンダー コントロールを使用) |
| 週 | 日付フィールドの週を定義します (カレンダー コントロールを使用) |
| 時間 | 日付フィールドの時、分、秒を定義します (時間制御あり) |
| 電子メール | 電子メールアドレスに使用するテキストフィールドを定義します |
| ファイル | ファイルアップロード用の入力フィールドと参照...ボタンを定義します。 |
| 隠れた | 非表示の入力フィールドを定義する |
| 画像 | 画像を送信ボタンとして定義 |
| 番号 | スピナー コントロールを使用して数値フィールドを定義する |
| パスワード | パスワードフィールドを定義します。フィールド内の文字はマスクされます。 |
| 無線 | ラジオボタンを定義します。 |
| 範囲 | スライダー コントロールを使用して数値フィールドを定義します。 |
| リセット | リセットボタンを定義します。リセット ボタンを押すと、すべてのフォーム フィールドが初期値にリセットされます。 |
| 検索 | 検索に使用するテキストフィールドを定義します。 |
| 提出する | 送信ボタンを定義します。送信ボタンはデータをサーバーに送信します。 |
| 電話番号 | 電話番号のテキスト フィールドを定義します。 |
| 文章 | デフォルト。ユーザーがテキストを入力できる単一行の入力フィールドを定義します。デフォルトは 20 文字です。 |
| URL | URL に使用されるテキスト フィールドを定義します。 |
上記は、エディターが紹介した HTML5 入力用の新しいタイプ属性カラー カラーピッカーのサンプル コードです。ご質問があれば、メッセージを残していただければ編集者が返信します。時間。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！