专栏中心

EEPW首页 > 专栏 > HTML5视频教程之HTML5 新表单类型示例代码分享

HTML5视频教程之HTML5 新表单类型示例代码分享

发布人：扣丁学堂1 时间：2021-01-07 来源：工程师

加入技术交流群
- 扫码加入
  和技术大咖面对面交流
  海量资料库查询

HTML5 新表单类型示例代码有不少对HTML5开发感兴趣的小伙伴不是很了解，本篇文章小编就不多说废话了，带大家一块来看一下扣丁学堂HTML5在线学习分享的HTML5 新表单类型示例代码，希可以帮到对HTML5感兴趣的小伙伴们。

扣丁学堂HTML5在线学习分享HTML5 新表单类型示例代码

demo.html：

<!DOCTYPE html>   <html>   <head>       <meta charset="UTF-8">       <title>Document</title>       <style>           form {               width: 100%;               max-width: 640px;               min-width: 320px;               margin: 0 auto;               font-family: "Microsoft Yahei";               font-size: 20px;           }           input {               display: block;               width: 100%;               height: 30px;               margin: 10px 0;           }       </style>   </head>   <body>       <form action="">           <fieldset>               <legend>表单属性</legend>               <label for="">                   email: <input type="email" name="email" >               </label>               <label for="">                   tel: <input type="tel" name="tel" >  <!-- 本身不验证,自己添加验证 -->               </label>               <label for="">                   url: <input type="url" name="url" >               </label>               <label for="">                   number: <input type="number" name="number" step="5"> <!--输入的是步长的整倍数-->               </label>               <label for="">                   search: <input type="search" name="search" >  <!--移动端出现的小键盘右下角是搜索按钮-->               </label>               <label for="">                   range: <input type="range" name="range" value="100" min="0" max="300">  <!--默认最小0 最大100-->               </label>               <label for="">               <label for="">                   color: <input type="color" name="color" >               </label>                   time: <input type="time" name="time" >               </label>               <label for="">                   date: <input type="date" name="date" >               </label>               <label for="">                   month: <input type="month" name="month" >               </label>               <label for="">                   week: <input type="week" name="week" >               </label>               <label for="">                   datetime: <input type="datetime" name="datetime" >               </label>               <input type="submit" value="提交">           </fieldset>       </form>   </body>   </html>

以上就是小编分享的HTML5新表单类型示例代码，希望可以帮到小伙伴们。对HTML5感兴趣想要学习的小伙伴可以选择扣丁学堂学习，扣丁学堂HTML5培训是专业的HTML5培训机构，不仅有专业的老师和与时俱进的课程体系，还有大量的HTML5在线教程供学员观看学习哦。扣丁学堂H5技术交流群：692172929。微信号：codingbb

专栏文章内容及配图由作者撰写发布，仅供工程师学习之用，如有侵权或者其他违规问题，请联系本站处理。联系我们

关键词：