请问在input的标签中的type属性你知道多少呀！我们一起来回顾回顾(Html5第一课)

Html5中type必有的以下的特殊属性

  1. color

  2. date

  3. datetime

  4. datetime-local

  5. email

  6. month

  7. number

  8. range

  9. search

  10. tel

  11. time

  12. url

  13. week

color

选择你喜欢的颜色: <input type="color" name="favcolor">

date

请输入自己生日: <input type="date" name="bday">

datetime

请输入自己生日具体时间(日期和时间): <input type="datetime" name="bdaytime">

datetime-local

   请输入自己生日具体时间(日期和时间): <input type="datetime-local" name="bdaytime">

email

E-mail邮箱的地址: <input type="email" name="email">

month

请输入自己生日 (月和年): <input type="month" name="bdaymonth">

number

请输入数量 ( 1 到 5 之间 ): <input type="number" name="quantity" min="1"max="5">

range

请在范围中选择<input type="range" name="points" min="10" max="20">

search

Search Google: <input type="search" name="googlesearch">

tel

请输入电话号码: <input type="tel" name="usrtel">

time

请选择时间: <input type="time" name="usr_time">

url

添加您的主页: <input type="url" name="homepage">

week

选择周: <input type="week" name="week_year">

  • disabled    规定输入字段是禁用的

  • max    规定允许的最大值

  • maxlength    规定输入字段的最大字符长度

  • min    规定允许的最小值

  • pattern    规定用于验证输入字段的模式

  • readonly    规定输入字段的值无法修改

  • required    规定输入字段的值是必需的

  • size    规定输入字段中的可见字符数

  • step    规定输入字段的合法数字间隔

  • value    规定输入字段的默认值

HTML中的一些input中Type属性回顾

<form action="" method="post">你的出生地？<select size="4" multiple="multiple"><option value="beijing" selected="selected">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></select><br>你的居住地是？<select size="2"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></select>你去过的地方？<select multiple="multiple"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></select>你吃过的菜在哪里？<select size="7" multiple="multiple"><optgroup label="11233"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option></optgroup><optgroup label="333333"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></optgroup></select><button type="submit">提交</button><br><button type="reset">重置</button><br><textarea cols="50" row="5"></textarea><br><textarea cols="60" rows="6" readonly="readonly">这个文本只读的领域</textarea><input type="color " name="color" id="" value="#ff0000"><br><input type="submit" id="name"><input type="time" name="time" id= value=""><br><input type="submit" id="  " name=""><input type="datetime-local" name="date"  id=" " value=" "><br><input type="submit" this.id="" name=""><input type="month" name="month" this.id="" value="" min="2021-02" max="2030-04"><input type="submit" this.id=""  name=""><input type="week" name="week" this.id="" value="" min="2021-w01" max="2030-w12"><input type="submit" this.id=""  name=""><input type="number" name="number" this.id="" value="" min="0" max="100" step="10"><input type="submit" this.id=""  name=""><input type="range" name="range" this.id="" value="" min="0" max="100" step="10"><input type="submit" this.id=""  name=""></form>
</div>

运行效果的查看:

Html5中的input标签之多少相关推荐

  1. [html] html5中的meta标签http-equiv属性有什么作用？

    [html] html5中的meta标签http-equiv属性有什么作用? http-equiv是http5新增的属性,用于把 content 属性关联到 HTTP 头部,可模拟响应头.例如:con ...

  2. [html] html5中的meta标签renderer有什么作用？

    [html] html5中的meta标签renderer有什么作用? 指定双核浏览器,默认以什么浏览器方式渲染页面 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...

  3. [html] html5中的meta标签robots有什么作用？

    [html] html5中的meta标签robots有什么作用? 禁止搜索引擎对本页面内容进行收录,不会出现在SRP页面上 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...

  4. html中form标签的作用style,HTML5中meta常用标签属性说明

    HTML5中meta常用标签属性说明 IE 兼容模式,Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此  标签加入到你的页面中: content属性 ...

  5. ie8 html 语音标签,让IE8支持html5中的video标签

    这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本 在 里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. ②又要无休止的找ie8的解决方法,自 ...

  6. html去掉nav的圆点,web前端分享HTML5中的nav标签

    web前端分享HTML5中的nav标签,nav标签全称navigation,顾名思义,是导航的意思.根据HTML5的相关标准定义如下: "A section of a page that l ...

  7. html5定义页脚标签,使用 HTML5 中的新标签和新属性

    新标签主要分成三个部分:语义化标签.功能性标签及新的输入控件类型 语义化标签 .. . ....... 这些新的语义化标签目前得到了大部分主流浏览器的支持,建议直接使用:如果是在IE 8及以下版本,无 ...

  8. html5中还有div吗,关于html5中的section标签与div标签的区别（内有实例）

    摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...

  9. html中用来表示主题标签的是什么,HTML5中的article标签是什么？HTML5中的article元素用在什么地方？...

    HTML5中的article标签是什么?HTML5中的article元素用在什么地方?本篇文章主要为大家解释了什么是HTML5中的article标签,article用在什么地方,还有HTML5中art ...

最新文章

  1. Java was not the perfect solution for every pro...
  2. 京东程序员回应“被猝死”：我还活着，还在写代码
  3. phpStudy在linux下的使用说明
  4. [基础]Linux文件说明
  5. struts2 文件上传与下载 （初始文件上传的底层技术）——struts2第七讲
  6. OutOfMemoryError：无法创建新的本机线程–神秘化的问题
  7. python网站访问日志分析_python分析apache网站日志web日志的代码
  8. python iterableiterator
  9. Clustered Data ONTAP Fundamentals课程学习（1）
  10. C# StringBuilder 和 String 的区别？（简单易懂不抽象）
  11. 2008年8月30日人力资源系统启动会
  12. 命令提示符死亡之ping教程
  13. 数据结构面试常见问题总结
  14. 测试相貌相似度的软件,快乐相似脸 - 测试你们之间的长相相似度
  15. 集合例题3.:现在有一个map集合如下：Map＜Integer,String＞ map = new HashMap＜Integer, String＞()；map.put(1, “张三丰“)；map.
  16. win10的服务器管理器在哪打开？
  17. 大道至简大巧不工——和田玉雕中的哲学
  18. e575 viminfo 错误.
  19. 杰理之NLP 参数【篇】
  20. SpringBoot框架中的DAO（mapper）层、Entity层、Service层、Controller层

热门文章

  1. easyui-03（Tree后端工作）
  2. python代码画土拨鼠_万圣节快到了，让我们用Python画一只蝙蝠图表吧（附代码）...
  3. 七夕专栏：看看大家都在干什么，对微博七夕超话的爬取
  4. keil提示No ULINK Device found应该如何解决
  5. DFS最大相邻的的0的个数（4个方向相邻）
  6. 安全无界·成长无限—2023年网络安全“攻防”技能大赛报名启动
  7. 第34课：彻底解密Spark 2.1.X中Shuffle 中SortShuffleWriter排序源码内幕解密
  8. 物联网卡拉开智能家居变革序幕
  9. 洛克菲勒--从我年轻的时候开始 我就拒绝同两种人交往
  10. 商店销售某一商品，商店每天公布统一的折扣(discount)。同时允许销售人员在销售时灵活掌握售价(price)，