html5多样的输入类型和风格

来源：互联网发布：数据集市编辑：程序博客网时间：2024/05/22 17:18

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>form表单2</title></head><body>

<form action="" >

<!--fieldset:有特殊的分割线-->
<fieldset>
<!--legend 元素为 fieldset 元素定义标题-->
    <legend>html5新增元素 输入类型和风格</legend><table>

  <tr>

 <td>邮箱</td>

    <td><input type="email" name="email"></td>

    </tr>

<tr>

 <td>地址</td>

      <td><input type="url" name="url"></td>

   </tr>

 <tr>

 <td>日期</td>

      <td><input type="date" name="date"></td>

  </tr>

   <tr>

   <td>时间</td>

      <td><input type="time" name="time"></td>

  </tr>

 <tr>

 <td>月份</td>

   <td><input type="month" name="month"></td>

   </tr>

 <tr>

  <td>星期</td>

       <td><input type="" name="week"></td>

   </tr>

  <tr>

  <td>滑动条</td>

    <td><input type="range" name="range"></td>

    </tr>

  <tr>

 <td>颜色</td>

 <td><input type="color"name="color"></td>

   </tr>

    <td>数字</td>

     <td><input type="number" name="数字"></td>

  </tr>

 <tr>

 <td><input type="submit"/></td>

   </tr>

</table>

 </fieldset>

</form>

</body>

</html>

0 0