Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/option below:

<option>: HTML é¸æŠžè‚¢è¦ç´ - HTML

Baseline Widely available

<option> は HTML の要素で、<select>、<optgroup>、<datalist> の各要素内で項目を定義するために使われます。したがって、<option> は HTML 文書でポップアップメニューのメニュー項目や、その他の項目の一覧を表すことができます。

<label for="pet-select">Choose a pet:</label>

<select id="pet-select">
  <option value="">--Please choose an option--</option>
  <option value="dog">Dog</option>
  <option value="cat">Cat</option>
  <option value="hamster">Hamster</option>
  <option value="parrot">Parrot</option>
  <option value="spider">Spider</option>
  <option value="goldfish">Goldfish</option>
</select>

label {
  font-family: sans-serif;
  font-size: 1rem;
  padding-right: 10px;
}

select {
  font-size: 0.9rem;
  padding: 2px 5px;
}

この要素にはグローバル属性があります。

disabled

この論理属性を設定すると、選択肢が選択不能になります。多くのブラウザーはそのようなコントロールをグレーアウトで表示し、マウスクリックやフォーカスなど、いかなるイベントも受け付けなくなります。この属性を設定していなくても、祖先に無効状態の <optgroup> 要素がある場合は無効化されます。

label

この属性は、選択肢の意味を示すラベル文字列です。label 属性を定義していない場合は、要素の文字列コンテンツが要素の値になります。

selected

この論理属性を設定すると、その選択肢が初期状態で選択されます。この <option> 要素の祖先の <select> 要素に multiple が設定されていない場合、<select> 要素内で selected 属性が設定できる <option> 要素は 1 つだけです。

value

この属性の内容は、フォームで送信する値を表します。値を送信するには、選択肢を選択しなければなりません。この属性を省略すると、option 要素の中の文字列が値となります。

<option> 要素のスタイル設定は非常に制限されています。選択肢は親要素で設定したフォントを継承しません。Firefox では color と background-color のみが設定可能ですが、Safari では何もプロパティを設定することはできません。スタイル設定についての詳細は、フォームへの高度なスタイル設定のガイドをご覧ください。

<select> 要素の例をご覧ください。

• 他のフォーム関連要素: <form>, <legend>, <label>, <button>, <select>, <datalist>, <optgroup>, <fieldset>, <textarea>, <input>, <output>, <progress>, <meter>

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4