HTML-input元素续
Posted sucker
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML-input元素续相关的知识，希望对你有一定的参考价值。
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元素续的主要内容，如果未能解决你的问题，请参考以下文章
续：纠正：ubuntu7.04可以安装，而且完美的安装 ！ for《Oracle-10.2.0.1，打补丁10.2.0.5：在 debian 版本4不含4以上，及 ubuntu 7.04不含(代码片段