c3新增表单属性

来源:互联网 发布:ubuntu vim配置文件 编辑:程序博客网 时间:2024/06/03 20:45
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <style>
    form{
      width: 100%;
      margin:0 auto;
      /*最大宽度*/
      max-width: 640px;
      /*最小宽度*/
      min-width: 320px;


      font-family: "Microsoft Yahei";
    }


    input{
      display: block;
      width: 100%;
      height: 25px;
      margin:5px 0 15px 0;
    }


  </style>
</head>
<body>
   <!--
      表单:用于收集用户信息 传递给服务器
   -->


   <form action="#">
     <fieldset>
       <legend>表单类型</legend>
       <label>
            用户名:<input type="text" name="username" />
       </label>


       <label>
         email:<input type="email" name="email" />
       </label>


       <label>
         tel:<input type="tel" name="tel" />
       </label>


       <label>
         number:<input type="number" name="number" step="5" />
       </label>


       <label>
         url:<input type="url" name="url" />
       </label>


       <label>
         search:<input type="search" name="search" />
       </label>




       <label>
         color:<input type="color" name="color" />
       </label>


       <label>
         range:<input type="range" name="range" value="100" max="200" min="0" />
       </label>


       <label>
         time:<input type="time" name="time" />
       </label>


       <label>
         date:<input type="date" name="date" />
       </label>


       <label>
         datetime:<input type="datetime" name="datetime" />
       </label>




       <label>
         month:<input type="month" name="month" />
       </label>


       <label>
         week:<input type="week" name="week" />
       </label>
















       <input type="submit" value="提交数据"/>
     </fieldset>
   </form>
</body>
</html>
原创粉丝点击