码迷,mamicode.com
首页 > Web开发 > 详细

HTML-input元素续

时间:2019-06-15 17:20:47      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:doc   lis   账户   off   text   for   src   red   事物   

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>datalist元素的使用</title>
 5     <meta charset = "utf-8"/>
 6     <meta name = "author" content = "王思怡"/>
 7     <style>
 8     body{
 9         background: pink;
10     }
11     </style>
12 </head>
13 <body>
14     <form method = "post" enctpye = "multipart/form-data">
15         您的年龄:<input type = "number" name = "age" min = "1" max = "130"/>
16         网址:<input type = "url" name = "url" list = "urllist"/>
17         <button type = "submit" >提交</button>
18     </form>
19     <datalist id = "urllist">
20         <option value = "http://baidu.com">百度</option>
21         <option value = "http://bilibili.com">bilibili</option>
22     </datalist>
23 </body>
24 </html>
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>details元素的使用</title>
 5     <meta charset = "utf-8"/>
 6     <meta name = "author" content = "王思怡"/>
 7 </head>
 8 <body>
 9     <details open>
10         <summary>什么是爱</summary>
11         爱,ai,从夊从旡(ji)从心从夊:上下两个夊字组成一个舛,中间是旡和心,会意字:用行动表达由心发出的能量。爱(Love),通常见于人或动物。可说是一种衍生自亲人之间的强烈关爱、忠诚及善意的情感与心理状态,如母爱;可为衍生自两性之间基于性而高于性的情感,是两性由于对彼此的欣赏而自愿付出的高尚情感;亦可衍生自尊敬与钦佩之情,例如朋友之间彼此重视与欣赏;此外,对于国家、集体的发自内心的感谢也是爱。“爱”字在中文里有着许多解释,由某种事物给予人满足(如我爱吃这些食物)至为了爱某些东西而愿意牺牲。其可以用来形容爱慕的强烈情感、情绪或情绪状态。在日常生活里,其通常指人际间的爱。可能因为其为情感之首位,所以爱是美术中普遍的主题。①对人或事物有很深的感情:~祖国,~科学,夫妻相~,~人民。②喜欢:(某种活动、状态)~游泳,
12     </details>
13 </body>
14 </html>
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>emailtelurl类型的使用</title>
 5     <meta charset = "utf-8"/>
 6     <meta name = "author" content = "王思怡"/>
 7     <style>
 8     body{
 9         background: grey;
10     }
11     </style>
12 </head>
13 <body>
14     <form method = "post" enctype="multipart/form-data">
15         电子邮箱<input type = "email" name = "email" autocomplete="off"/>
16         联系电话<input type = "tel" name = "tel"/>
17         统一资源定位器<input type = "url" name = "url"/>
18         <button type = "submit">提交</button>
19     </form>
20 </body>
21 </html>
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>number类型的使用</title>
 5     <meta charset = "utf-8"/>
 6     <meta name = "author" content = "王思怡"/>
 7     <style>
 8     body{
 9         background: pink;
10     }
11     </style>
12 </head>
13 <body>
14     <form method = "post" enctpye = "multipart/form-data">
15         您的年龄:<input type = "number" name = "age" min = "1" max = "130"/>
16         <button type = "submit" >提交</button>
17     </form>
18 </body>
19 </html>
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>required类型的使用</title>
 5     <meta charset = "utf-8"/>
 6     <meta name = "author" content = "王思怡"/>
 7     <style>
 8     body{
 9         background: pink;
10     }
11     </style>
12 </head>
13 <body>
14     <form method = "post" enctpye = "multipart/form-data">
15         <!-- required 该类型是必填属性,而没有required的话就是选填 -->
16         账户名:<input type = "text" name = "account" required/>
17         密码:<input type = "password" name = "password" required/>
18         电子邮箱:<input type = "email" name = "email"/>
19         <button type = "submit" >提交</button>
20     </form>
21 </body>
22 </html>

技术图片技术图片技术图片技术图片技术图片

HTML-input元素续

标签:doc   lis   账户   off   text   for   src   red   事物   

原文地址:https://www.cnblogs.com/sucker/p/11028102.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!