013---HTML5新增元素

一、新增标签

header、nav、footer、article、section、aside

讲解：

1. datalist要与input连用，分别通过id和list属性进行连接，达到一个提示作用，如淘宝的搜索框，在搜索框内输入一个汉字，下面就会有好多提示。datalist是不显示出来的。

<input type="text" value="请输入内容" list="xiao" >

<datalist id="xiao">
	<option>小明</option>
	<option>小红</option>
	<option>小胖</option>
	<option>大雄</option>
	<option>大雄的体重</option>
	<option>大雄的好朋友哆啦A梦</option>
</datalist>

效果如图：

但是如果option内添加属性value，并添加value的属性值，那么提醒的内容会主要显示value的属性值，option的内容则会次要显示，如：在最后一个option添加value=“value值”，则效果为

但是如果value的属性值为空，则不会显示该项的任何内容。

2. fieldset

主要的功能数划分一个区域。和legend搭配使用

<fieldset>
	<legend>用户登录</legend>
	Uername: <input type="text"><br/>
	Password: <input type="password"><br/>
</fieldset>

它的长度是会随着电脑页面的改变而改变。

二、type新增的属性

讲解：

url是输入网址格式。

search与普通的输入框的区别：可以进行整个内容的删除。

三、新增属性

讲解：

1. autocomplete 是自动保存，当在输入框输入内容的时候，会自动记录，当下次再输入此内容的前几个字的时候，会显示。当你点击输入框两次，会显示所有记录的内容。

如：

<form action="">
	姓名：<input type="text" autocomplete="on" name="Username"/><br/>
	<input type="submit" value="提交" />

</form>

输入一个内容并提交，结果是：

当点击输入框两次的时候，会显示：

如果为了安全问题，属性值可以是off，例如在公共场合。

2. accesskey是设置一个快捷键能够使输入框自动获取焦点。如ctrl+s，当按下两个键时，输入框会自动获取焦点，此时不需要人为点击输入框输入内容。