HTML5表单新增

白泽的笔记

已于 2022-07-26 19:33:18 修改

阅读量102

点赞数

文章标签：大数据

于 2022-07-01 20:47:35 首次发布

本文链接：https://blog.csdn.net/m0_51024444/article/details/125565534

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <link rel="shortcut icon" href="favicon.ico" type="image/ico">
       <title>表单新增</title>
   </head>
   <body>
       <form action="">
           <label for="email">电子邮件</label><br>
           邮箱：<input type="email" name="email" id="email" value="@qq.com">
           <br>
           网站：<input type="url" name="url" id="url" value="http://">
           <br>
           年龄：<input type="number" name="age" id="number" value="18" min="1" max="120" placeholder="18" >
           <br>
           搜索：<input type="search" name=""><br>
           电话：<input type="tel" name="tel" id="" pattern="1\d{10}" placeholder="请输入11位电话号码"><br>
           
           日期：<input type="date" name="mydata"/><br>
           年月：<input type="month" name="month" id=""><br>
           年周：<input type="week" name="week"><br>
           时分：<input type="time" name="" id=""><br>
           utc：<input type="datetime" name="" id=""><br>
           本地：<input type="datetime-local" name="" id=""><br>
           滑动条：<input type="range" name="" id="" min="0" max="10"><br>
           颜色：<input type="color" value="#91c2cc"><br>
           自动对焦：<input type="search" autofocus><br>
           自动补全：<input type="text" name="unmane" autocomplete="off"><br>
           
           <br>
           <input type="submit" id="" name="" value="提交" />
           <input type="reset" name="" id="" value="刷新">
           
       </form>
   </body>
</html>