

HTMLで、SELECTに、size="20"指定をしたのですが、  
WindowsのchomeやIEでは、20行で指定行表示されます。

しかし、iPad、Android Pad、iPhone、Androidでは、  
指定を無視し、1行で表示されます。

sizeで指定した行数を表示するには、コツ？があり、どのように記述すればよいのでしょうか？

ググってみましたが、10件程のSELECTの使い方の説明サイトには、  
１行で表示されるとは、記述が見当たりません。

※iOSやAndroidが出る前に作成された古いサイトなのか？、  
それとも、普通は、iOSでも、Androidでも、20行で表示されるはずで、  
下記のsizeの指定方法が間違っているか？  
のどちらかかもしれません。

[code]

    <FORM name="form_list_color" method="post" action="next.html">
      <TABLE>
       <CAPTION>２．車の色のリストボックス</CAPTION>
        <TR>
          <TD>
            <!-- sizeは、なぜか？パソコンでしか有効ではない。Padやスマフォは1行になる -->
            <SELECT name="list_color" size="20">
              <OPTION align="left" value="red">   赤色</OPTION>
              <OPTION align="left" value="yellow">黄色</OPTION>
              <OPTION align="left" value="black"> 黒色</OPTION>
           </SELECT>
          </TD>
        </TR>
      </TABLE>
    
      <INPUT type="submit" name="submit_list_color" value="次画面へ遷移" />
    </FORM>
    
[/code]


CC BY-SA 3.0
2017-05-11T06:34:25.167
34627
2017-05-11T06:42:43.373
2017-05-11T06:39:24.330
5044
23072
question
html
HTMLのSELECTのsize指定しても1行で表示される問題


<https://stackoverflow.com/questions/14937203/select-with-size-attribute-
iphone-renders-blank>  
などでも話題になっていますが、iOS などでは select タグの size > 1 は無視されるようです。  
自作で作るか、他の方の作ったものを使う必要があります。デフォルトでは不可能です。

jQuery plugin:  
<https://github.com/sylvain-hamel/safarimobile-multiline-select>


CC BY-SA 3.0
2017-05-11T06:42:43.373
34628
2017-05-11T06:42:43.373
2017-05-23T12:38:55.307
-1
15705
34627
answer