手机浏览器使用html5 input的multiple属性,怎么不能实现多选

手机浏览器使用html5 input的multiple属性,怎么不能实现多选,第1张

一般安卓不易实现,苹果可以。

我们假设你的下拉多选框代码片段如下

<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实现


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7524053.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-06
下一篇2023-04-06

发表评论

登录后才能评论

评论列表(0条)

    保存