web-dev-qa-db-ja.com

HTML選択タグの複数行オプションは可能ですか?

(HTMLのみを使用して)selectを、複数行にわたるoptionsで表示することは可能ですか?

21
chriss

HTML選択コントロールを使用することはできません。

JavaScriptとCSSを使用して、ドロップダウンリストとして機能するdivを使用できます。

14
rahul

標準のhtmlでは不可能であるだけでなく、(オブジェクトとして)IOSデバイスがを処理する方法と互換性がなくなります)オプションタグ、これはスクロールリストを表示するため、オプションタグクロスデバイスの互換性を予期せずひどく壊すので、そのように振る舞うこと。

他の人が答えた(私はまだ賛成またはコメントするのに十分な評判がない)が言ったように、それはCSS/DIVスタイリングなどで行う必要があり、そのようにして、それぞれの完全なHTML機能ではるかに拡張可能ですoption tagと(CSSスタイリングを介して)モバイルデバイスに対応しています。

5
Etienne Dubois

IOSが長いオプションテキストを切り詰めている場合は、 iOS7の<select>要素の切り捨てられたテキストを修正する方法 の解決策が役立ちます。

選択リストの最後に空のoptgroupを追加します。

次のように実装できます:

<select>
  <option selected="" disabled="">option first</option>
  <option>another option that is really long and will probably be truncated on a mobile device</option>
  ...
  <optgroup label=""></optgroup>
</select>
3
dlolsen

select要素の表示はユーザーエージェント次第であるため、一部のUAが実際に実装しない限り、これを実現することはできません。しかし、selectは、ListBoxまたはComboBoxのいずれかとして、実際には複数行にまたがるアイテムを必要としませんでした。さらに、ユーザーが1行= 1アイテムに慣れているため、ユーザーを非常に混乱させます。

1
Joey

番号。

代わりにラジオボタンを使用することもできますが、その<label>sはワードラップできます。

0
Quentin

Dojo Toolkitなどのフレームワークで簡単に実行できるように、HTML要素にCSSスタイルを設定したJavaScriptを使用することで可能になります。それ以外の場合は、ラジオまたはチェックボックスコントロールを使用します。

0
aehlke