html5的学习2

今天主要学习了HTML5对于html新增的几种属性和元素进行了练习

input中type的新增属性有：

搜索<input type="search"/><br>邮件<input type="email"/><br>路径<input type="url"/><br>联系方式<input type="tel"/><br>数字<input type="number"/><br>范围值<input type="range"/><br>具体时间<input type="date"/><br>月<input type="month"/><br>周<input type="week"/><br>时间<input type="time"/><br>日期<input type="datetime"/><br>颜色<input type="color"/>

新增表单元素

(1)dateList:  注意input中list值是datalist的id的值

<input type="text" list="browser"><datalist id="browser">    <option value="1">    <option value="2">    <option value="3">    <option value="4">    <option value="5">    <option value="8">    <option value="6">    <option value="7"></datalist>

(2)keygen:

 

<form action="#" method="get">    用户名：<input type="text" name="username"/><br>    加密：<keygen name="security"/>    <input type="submit" value="提交"/></form>

(3)output:

<form oninput="x.value=a.value">    选择一个数字：    <input type="range" name="a" value="0">    <output name="x">0</output></form>

html5的笔记如下所示：

希望我们大家一起学习，一起进步，望同行们多多提出意见