CSSに関するメモ【ComboBox】 - ただの備忘記録その１ HTMLのフォームでは、SelectBoxとListBoxとして使える<select>というタグがあります。 しかし、このタグではあらかじめ準備された文字列か、JavaScriptで追加生成してしか選択できない。 テキストボックスに▼ボタンを付けて、テキストを切り替えたり、直接入力できるものはComboBoxと呼ぶそうで、フォームではサポートされていない。 Ajaxを使ったサンプルもあったもののかなり構造が複雑だったので、無理矢理それっぽく作ってみた。 <input type="text"><select><option></select> と並べておいて、selectタグをCSSでwidth:20pxに設定した。 Firefoxでは、左側に少し枠ができて、▼が右にずれて表示される。▼を押すと選択肢が表示される。 IE8では、表示は綺麗に見えるが、▼を押すとその幅のまま選択肢が表示
