如何显示Datalist中的所有元素

HowardLynn 2013-10-03 06:52:55

<input name="frameworks" list="frameworks" />
<datalist id="frameworks">
<option value="MooTools">
<option value="Moobile">
<option value="Dojo Toolkit">
<option value="jQuery">
<option value="YUI">
</datalist>

...全文

513 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

凤凰谷1 2013-10-12

打赏
举报

回复

datalist标签： datalist介绍： datalist一般不会独行江湖，它需要与input标签的搭配使用，就像label标签与input标签搭配使用一样。既然与input标签搭配使用，那么这两个标签之间必定存在着“特殊的关系”，不然input与datalist就互不相认了，那么如何才能让他们建立起来这种关系呢？这个时候我们需要一个新的属性list（注意，不是for），list与for的用法一样，list的值设置为表单元素的 id，这样他们便会自动关联了。 Chrome对此标签支持不好，Firefox和Opera可很好的支持所以说事浏览器兼容的问题啦！

HowardLynn 2013-10-11

打赏
举报

回复

还没解决，有好办法吗？

mdpmw 2013-10-11

打赏
举报

回复

lz 解决问题了吗？

孟子E章 2013-10-04

打赏
举报

回复

内容多了出现滚动条

HowardLynn 2013-10-04

打赏
举报

回复

我使用chrome的效果如下，没有全部显示:

输入后显示的其他内容：

fzfei2 2013-10-03

打赏
举报

回复

试了chrome,firefox 下太多了会自动出现呀

HowardLynn 2013-10-03

打赏
举报

回复

如果Datalist中的元素很多，界面上无法显示列表里的所有元素。各位大侠，如何才能显示列表里的所有元素？

HTML5 新的表单元素 HTML5 有以下新的表单元素: <datalist> <keygen>  注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。 HTML5 <datalist> 元素 <datalist> 元素规定输入域的选项列表。 <datalist> 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：使用 <input> 元素的列表属性与 <datalist> 元素绑定. <!DOCTYPE htm

DataList Web 服务器控件通过使用模板显示数据源中的项。通过操作组成 DataList 控件的不同组件的模板（如 ItemTemplate 和 HeaderTemplate），可以自定义该控件的外观和内容。 DataList id=”DataList1″ u00a0 CellPadding=”pixels” u00a0 CellSpacing=”pixels” u00a0 DataKeyField=”DataSourceKeyField” xss=removed>’ ExtractTemplateRows

我们可以通过与input元素的list属性配合使用datalist元素，并通过JavaScript动态操作和修改datalist选项。然后，我们创建了一个与datalist关联的input元素，并将其list属性设置为"fruits"。当用户在与datalist关联的input字段中输入内容时，浏览器会根据输入的值在datalist中进行匹配，如果存在匹配的选项，浏览器将显示这些选项供用户选择。在上面的代码中，input元素的list属性与datalist元素的id属性相对应。

表单是一个容器，用来收集客户端要提交到服务端的信息。本节中，我们将来学习 HTML5 的表单元素特性。 datalist 元素 datalist 元素用于为文本框提供一个可供选择的列表，使用datalist 元素来为表单小部件提供建议的、自动完成的值，并使用一些 option 子元素来指定要显示的值。然后使用 list 属性将数据列表绑定到一个文本域(通常是一个 <input> 元素)。一旦数据列表与表单小部件相关联，它的选项用于自动完成用户输入的文本。通常，这是作为一个下拉框向用户展示的，在

标签是 HTML 5 中的新标签，此元素在表单中用于从用户中接收数据，它可以显示供用户选择的选项。推荐学习：《HTML5教程》下面我们就通过具体的代码示例给大家介绍。Datalist元素使用示例效果如下图：它具有自动完成功能，可帮助用户在文本框中输入内容，与下拉列表框或单选按钮不同，用户可以编写任何文本而不限制由datalist给出的选项。Datalist通过输入元素列表属性绑定(或链接)。注：...

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章