HTML学習まとめ 8_html/css_WEB-ITnose

1. リストを作成する

多くの選択肢が含まれる状況では、リストを検討することができ、それがメニューにもなります。リストには、フォーム上のスペースをほとんど占有せずに、必要なだけオプションを含めることができます。

リストを作成するには、両側の タグから始めます。選択ごとに タグを使用します。リストにテキストを表示したい場合は、開始タグと終了タグの間に配置します。たとえば、次のようになります:

Color:

Red

Blue< ;/ オプション & gt; & lt; 緑 & lt;/オプション & gt; / 選択 & lt; ;/p & gt;

デフォルトでは、フォームのフォームは選択テキストを返します。別のコンテンツを返したい場合は、開始オプション タグに value 属性を含めることができます。

上記の形式でリストを表示するには、オプション グループを タグで囲み、label 属性を使用してヘッダー ファイルのテキストを定義できます。上に示したリストのコードは次のとおりです。

プリンタのモデルを選択してください:

SuperJet 1400

SuperJet 1405

>SuperJet 1405

>SuperLaser Plus

2. HTML5 ではいくつかの入力タイプが提供されています。それは作ることができますフォルムをより美しく。ユーザーのブラウザがこれらの型をサポートしていない場合は、テキスト領域として表示されるため、上位互換性の問題を気にすることなく、これらの型を自由に使用できます。

回転ボックスは数値の値を増やすために使用されます:

前の回転ボックスは次のコードを使用して作成されます

min と max は、それぞれ最小値と最大値を制御します。 step 属性は、ユーザーが上矢印ボタンまたは下矢印ボタンをクリックしたときに、値は毎回増加または減少します。 value 属性はデフォルト値を定義します。

スライダーとは、スライドして一方の側からもう一方の側に移動できるスライドバーです。タイプは範囲で、プロパティは回転ボックスとほぼ同じです。

標準の日付の場合は、type=" date を使用します」。これにより、ユーザーはカレンダーから指定した日付を選択できるようになります。次のタイプのいずれかを使用して、他の日付または時間に関連した選択肢を選択することもできます