html5的深入学习（二）

今天主要学习了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 οninput="x.value=a.value">
    选择一个数字：
    <input type="range" name="a" value="0">
    <output name="x">0</output>
</form>

html5的笔记如下所示：

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