表单补充，labed标签，html5新增表单元素和语义

<h2>label标签的使用</h2>
    <!--label标签给予人们友好的操作，选中时，点中文字时自动选中文本框-->
    <label>用户名:<input type="text"></label><br>
    <!--下面出现一种情况就是用户名后面出现俩个文本框，如需要选中指定，则在标签label加上for指示，在想选中的框中加上id即可-->
    <label for="second">用户名:<input type="text" id="first"><input type="text" id="second"></label>

 

<form action="">

<!--表单新增元素-->

        邮箱<input type="email"><br>
        手机<input type="tel"><br>
        数字<input type="number"><br>
        网址<input type="url"><br>
        搜索<input type="research"><br>
        区域<input type="range"><br>
        时间<input type="time"><br>
        年月日<input type="date"><br>
        月份<input type="month" ><br>
        星期<input type="week"><br>
        颜色<input type="color"><br>
        <input type="submit"><br>
    </form>

 

<!--表单新增语义-->

用户名:<input type="text" placeholder="请输入用户名"  autofocus  />

<!--placeholder效果一般用于提示填入什么样的信息，   autofocus表现上述文本框一开始默认选中-->
    上传头像:<input type="file" multiple >

<!--加入multiple之后，按住Ctrl可以选中多个文件-->
    <form action="">
        姓名:<input type="text" autocomplete="on" name="UserName" required accesskey="c">

<!--autocomplete 开启表示上述文本框填入信息，加上下面的submit提交键可以记住所填的信息，具有记忆功能，一般自行操作就会明白，required表示此项必须填写，不填写提交会提醒，accesskey有类似快捷键的含义，按住Alt+c键即可快速选中所需的文本框，上述的语义一般与submit一起使用-->
        <input type="submit">

    </form>