首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

DataList:HTML5中的input输入框自动提示利器

DataList的作用是在你往input输入框输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果。...它是HTML5新增的一个非常有用的元素。 DataList的表现很像是一个Select下拉列表,但它只是提示作用,并不限制用户在input输入框输入什么。...HTML5 Datalist的语法其实跟select下拉列表的语法几乎完全一样,非常的简单!...下面我们来看一个实际例子,在下面的输入框,任意输入几个字母,datalist就会提示给你包含这几个字符的英文国家名称。...非常的简单,以前这样的效果基本上只能用讲Javascript实现,需要你有相当的javascript基本功,而现在,感谢HTML5,只需要纯HTML就能达到这样的神奇效果。

3.2K50

HTML文件的!Doctype有什么作用?

DOCTYPE是document type的简写,它并不是 HTML 标签,也没有结束标签,它是一种标记语言的文档类型声明,即告诉浏览器当前 HTML 是用什么版本编写的。...DOCTYPE的声明必须是 HTML 文档的第一行,位于html标签之前。大多数Web文档的顶部都有doctype声明,它是在新建一个文档时,由Web创作软件草率处理的众多细节之一。...如果你的页面添加了那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器显示的就都是一个样子了。...HTML 标签的用法注意事项 1. 声明没有结束标签。 2. 声明对大小写不敏感。 3....请使用 W3C 的验证器来检查您是否编写了有效的 HTML / XHTML 文档! HTML <!

2.7K30
领券