html5的文本属性

<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="">
    <!--
        h5新增的input表单以及其属性
            属性值                      描述
            type="email"                限制用户必须输入邮箱类型的值
            type="url"                  限制用户必须输入url类型
            type="date"                 限制用户必须输入日期类型
            type="time"                 限制用户必须输入时间类型
            type="month"                限制用户必须输入月类型
            type="week"                 限制用户必须输入周类型
            type="number"               限制用户必须输入数字类型
            type="tel"                  限制用户必须输入手机类型
            type="search"               搜索框
            type="color"                生成一个颜色选择表单
            required="required"         必填项
            placeholder="请输入密码"     文本框中的提示语 (占位符),里面不应该有value
            autofocus="autofocus"       光标自动定位到表单之中
            automcoplete="off"          关闭搜索记忆功能,但是表单之中必须要有name属性,并且成功提交过,用的比较多
            automcoplete="on"           打开搜索记忆功能,但是表单之中必须要有name属性,并且成功提交过
            multiple="multiple"         一次上传多张图片
    -->
    <ul>
        <li>
            邮箱: <input type="email">
        </li>
        <li>
            网址:<input type="src">
        </li>
        <li>
            日期:<input type="date">
        </li>
        <li>
            时间:<input type="time">
        </li>
        <li>
            月份:<input type="month">
        </li>
        <li>
            周:<input type="week">
        </li>
        <li>
            数字:<input type="number">
        </li>
        <li>
            手机号:<input type="tel">
        </li>

        <li>
            搜索框:<input type="search">
        </li>
        <li>
            颜色:<input type="color">
        </li>
        <li>
            用户名:<input name="username" type="text" required="required" type="submit" placeholder="请输入用户名" autofocus="autofocus" autocomplete="on">
        </li>
        <li>
            上传图片:
            <input type="file" name="picture" multiple="multiple">
        </li>
        <li>
            <input type="submit" values="提交">
        </li>
    </ul>
</form>
</body>