html5如何实现文本框下拉选项功能

html-css0502

html5如何实现文本框下拉选项功能,第1张

可以使用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实现

1、A

2、A

3、没有正确答案，应该是setItem

4、没有正确答案，应该是getItem

5、A

6、C

7、C

8、B

9、C

10、A

1. 支持HTML5播放器在bangumi域名下的使用

2. Canvas弹幕优化

3. 在设置面板可以自定义字体

若您在HTML5播放器使用过程中有任何问题和意见，欢迎反馈给我们，我们将持续改进播放器体验。

1. 切换按钮位于右方，若该视频是iframe嵌入型视频，可能会没有视频源加载失败，请切换为Flash播放器

2. 不支持合作播放器的视频播放

3. IE10及之前版本的浏览器不支持使用HTML5播放器

4. HTML5播放器暂未实现Flash播放器的以下功能：代码弹幕(Mode8)、管理员弹幕管理、云屏蔽

经过使用，canvas弹幕清晰度有所提高，但是依然存在模糊的情况。