要リファクタリング

<input>要素の”week”型フォーム内で年と「その年の何週目か」を入力するための入力欄を設ける際に使用されます。week型 はブラウザによって見た目が大きく変わる要素の一つで、対応していないブラウザの場合は、単なる text型 として...

<input>要素の”time”型フォーム内で時刻を入力するための入力欄を設ける際に使用されます。time型 はブラウザによって見た目が大きく変わる要素の一つで、対応していないブラウザの場合は、単なる text型 として扱われます。主要なブ...

<input>要素の”url”型フォーム内で「URL」を入力するための入力欄を設ける際に使用されます。url型 に対応していないブラウザの場合は、text型 として扱われます。対応しているブラウザの場合は、入力されたテキストが、URLとして...

<input>要素の”tel”型フォーム内で「電話番号」を入力するための入力欄を設ける際に使用されます。email型 や url型 とは異なり、送信前に値が特定の書式であると自動的には検証されません。電話番号の書式は、各国で異なるためです。...

<input>要素の"submit"型フォーム内に「フォームを送信する」ボタンを配置する際に使います。button型 や reset型 と同様、基本的にボタン内にはテキストしか表示できませんので、デザイン的な自由度が必要であれば、<butt...

<input>要素の”search”型フォーム内に「検索用のキーワード」を入力させる際に使用されます。機能的には、text型 とほぼ同一です。属性<input> 要素の search型 では、以下の属性が使用できます。value入力欄の初期...

<input>要素の”text”型フォーム内に「単一行のテキスト」を入力させる際に使用されます。属性<input> 要素の text型 では、以下の属性が使用できます。value入力欄の初期値を設定します。また、フォームの送信時には入力され...

<input>要素の"reset"型フォーム内に「入力内容をリセットする」ボタンを配置する際に使います。button型 や submit型 と同様、基本的にボタン内にはテキストしか表示できませんので、デザイン的な自由度が必要であれば、<bu...

<input>要素の”range”型フォーム内に「所定の範囲内の数値」を入力させる際に使用されます。number型 とは異なり、テキストボックス上の入力欄ではなく、スライダーやダイヤルコントロールを用いて表示されます。number型のように...

<input>要素の”radio”型フォーム内に「ラジオボタン」を設ける際に使用されます。チェックボックスとは異なり、「複数の選択肢から１つだけ選択させる」ような場合に用いられます。属性<input> 要素の radio型 では、以下の属性...