
我们假设你的下拉多选框代码片段如下
<select multiple="multiple" size="1">
<option value="1">text1</option>
<option value="2">text2</option>
<option value="3">text3</option>
<option value="4">text4</option>
<option value="5">text5</option>
<option value="6">text6</option>
<option value="7">text7</option>
<option value="8">text8</option>
</select>
这样是在手机上怎么多选我不知道,反正在windows中需要按住ctrl才能多选,你要在手机下拉多选框还是加上js一起做比较好
可以使用HTML5 list 属性。list 属性需要应用到 input 框上,然后内容写一个自定义的 id然后在任意位置放一对 datalist 标签,并给 datalist 框一个 id,和 list 属性指向的 id 一致即可。
在 datalist 标签下放列表项,每个列表项用 option 元标签来表示,option 标签里用 value 属性填写内容,label 属性来做提示。
下面是示例代码:
<form action="">
<input type="text" list="url_list" name="text" />
<input type="submit" />
</form>
<datalist id="url_list">
<option label="HZ赫兹工作室" value="http://weibo.com/hz421247910" />
<option label="提示1" value="列表项1" />
<option label="提示2" value="列表项2" />
<option label="" value="列表项3" />
</datalist>
HTML5之前一般使用select标签或者div+js实现
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)