input整理

了让 2019-05-15 19:39:00 阅读数:25 评论数:0 收藏数:0

 

定义:

<input>标签规定了用户在其中可输入数据的输入字段(即不同type所输入的字段类型不同)

使用:

<input>元素在<form>元素中使用,用来声明允许用户输入数据的input控件

注:

   * 输入字段类型取决于type属性,默认类型是text

   * <input>元素是空的,它只包含标签属性

 

CSS中常见的<input>元素的type属性

* <input type="text" />              默认,定义一个单行的文本字段(默认宽度为20个字符)

* <input type="submit" />         定义提交按钮

* <input type="checkbox" />    定义复选框

* <input type="password" />    定义密码字段(字段中的字符会被遮蔽)

* <input type="radio" />            定义单选按钮

* <input type="reset" />            定义重置按钮(重置所有的表单值为默认)

* <input type="image" />          定义图像作为提交按钮

* <input type="hidden" />          定义隐藏输入字段

* <input type="file" />                定义文件选择字段和“浏览...”按钮,供文件上传

 

HTML5中新增的<input>元素的type属性

*  <input type="email" />           定义用于e-mail地址的字段 

  * 当输入不是邮箱的时候,点击提交验证不通过  

   

*  <input type="tel" />        定义用于输入电话号码的字段

  * tel的主要功能在移动端,一个键盘的切换

*  <input type="url" />      定义用于属于url的字段

  * 当输入不是url的时候,点击提交验证不通过

  

 

*  <input type="search" />       定义用于搜索字符串的文本字段

  * Chrome下输入文字后,会多出一个关闭的X

  

 

*  <input type="range" />         特定范围内的数值选择器

  

  *  属性

     

*  <input type="number" />       定义用于输入数字的字段

  *  只允许输入数字,输入别的不能写入

  

*  <input type="color" />       定义拾色器

  

*  <input type="datetime" />      定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,基于UTC时区)

  *  谷歌下用  <input type="date" />

  

  

 

 *  <input type="datetime" />      定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)

  

  

 *  <input type="datetime" />         用于输入时间的控件,不带时区

  

   

 *  <input type="date" />         定义date控件(包括年、月、日,不包括时间)

  

   

 *  <input type="week" />      定义week和year控件,不带时区

  

  

 *  <input type="month" />    定义month和year控件,不带时区

   

   

 

 新的表单特性和函数

*  placeholder:输入提示框信息

 

 

autocomplete:是否保护用户输入值(默认为on,关闭提示选择off)

  

* autofocus:指定表单获取输入焦点

 

   

 *  required:此项必填,不能为空

 

 

 *  pattern:正则验证

 

 

formaction:在submit里定义提交地址

 *  只在Opera浏览器下有作用

 

 

 

  

  

 

 

 

 

 

 

 

 

 

 

 

 

   

 


版权声明:本文为[了让]原创文章
转载请带上:http://copyfuture.com/blogs-details/0bf786da18ac6a614eda732966b575df
或:https://www.cnblogs.com/babyzhuzhu/p/10871598.html


  1. 让人头疼的“挂靠”
  2. 巩俐与丈夫牵手走戛纳红毯;杨超越呼吁大众不要打扰家人
  3. 中级SUV领跑者2019款哈弗H7/H7L焕新上市
  4. 魔域神话级别的四位玩家,第二位创出魔域第一幻兽,至今无人能敌
  5. 和好如初!郑秀文为许志安爱犬庆生,二人视14岁爱犬为儿子
  6. spring cloud ribbon源码解析(二)
  7. [六省联考2017]分手是祝愿
  8. 宣布“末位淘汰”又扩招1.5万人 刘强东打的什么算盘
  9. js跨域问题
  10. 利用TP-Link TL-SG2005进行网络抓包
  11. 饰演过赵敏的神仙女子,每一届都是优等生啊!
  12. 网站统计中的访问信息收集的前端实现
  13. 论衬衫的重要性,细节的魅力最为致命!
  14. 俄涡喷发动机也爱喝“假酒”?闷一口就能让30吨战斗机飞到3马赫
  15. 日本旅游购物,你必须要避开的坑都在这里了,读完了等于赚钱了!
  16. 被辞退,以下情况公司要赔付双倍补偿金
  17. 这座皇陵有3个新加坡那么大,到了这里才知谁是中国最享受的女人
  18. 真相来了︱喝燕麦有益,但燕麦中添加这些成分会“坏事”
  19. python闭包和装饰器
  20. 系统权限服务创建桌面进程(进程也是系统权限)
  21. LeetCode算法题-Island Perimeter(Java实现)
  22. Java面试题总结之Java基础(二)
  23. 程序员凌晨休息了,领导发怒:想养身,这里不适合你
  24. 从零开始一起学习SLAM | 给点云加个滤网
  25. 计算机网络自顶向下方法:第四章 网络层:数据平面 课后复习题
  26. 让“押金”消失!芝麻信用:已为用户免除超过1000亿元押金
  27. 赤裸裸!特朗普遭打击后,竟酝酿疯狂举动,勒索小弟涨“保护费”
  28. 互金中概股的春天来了?乐信拍拍贷财报亮相,均获富达增持!乐信金融科技收入贡献超三成
  29. 德国专家总结了35个教育关键词,帮你搞定各种「熊」孩子
  30. 俄国人:忘了002与055吧!中国海军这款装备更期待,或亮相海军节
  31. 3·15问题车展曝光:别克车变速箱“跳舞”、野马车烧成空壳
  32. TCP-IP详解学习笔记1
  33. 苹果称开发者计划所有会员到本月底必须启用两步认证
  34. 十三届全国人大二次会议举行第二次全体会议
  35. 机情烩:骁龙855+8+256G新机今日首销 三星天价电视开始预售
  36. 科技股收盘|中概股普跌 老虎证券上市首日大涨36.5%
  37. 温兆伦二十年未开嗓,你可曾记得痴情“齐浩男”
  38. 程序员吐槽公司发的新年礼物:垃圾桶里老实呆着吧,这都什么公司
  39. 详解 CORS跨域的几种不同实现方式
  40. 皇马已对伊斯科展开纪律调查,索拉里不打算再用他
  41. 因飞机引擎故障 美联航一航班从浦东机场起飞后返航
  42. 3.15消费者权益调查报告互联网生活零售篇
  43. 一只包子走红了,沉思:中国式家庭溺爱正悄悄地吃掉自己孩子
  44. AMD周三大涨近20% 第四季度盈利符合预期
  45. 中国首个国际化的燃料电池专用离心式空压机生产基地投产
  46. 游漫谈:盘点《游戏王》实战难见天日的禁卡,这一张堪称堆墓神器
  47. 金浦集团有限公司董事长郭金东:“提升南京制造全球影响力”
  48. 李克强主持召开国务院常务会议 听取2019年全国两会建议提案承办情况汇报等
  49. 韩娱圈大洗牌?赶紧把这群渣渣都给我洗走!
  50. 大摩警告:市场对“金发姑娘经济”过于自信,今年将出现重大转折
  51. 小时候爱玩的大富翁,居然是美国人发明的
  52. 一个民族永远的痛:割在袁崇焕身上的3543刀!
  53. 美团平台2018年总交易金额为5156亿元
  54. 川西藏区小众旅行线路推荐,避开人山人海
  55. 创业板大跌4.5%,历史上大跌后大概率这样走
  56. 农机大数据:2018大中型拖拉机前八大品牌销量占比52%
  57. 微信如何唤起外部浏览器打开指定链接
  58. 操作系统--计算机操作系统概述(一)
  59. H5 新特性之 fileReader 实现本地图片视频资源的预览
  60. 分享丨话说,哪些维生素,对2型糖尿病有利?
  61. 揭秘方孝孺给灭十族的真相
  62. 这个陈氏家族简介,好多内容,值得陈姓人了解和收藏!
  63. 高人总结的8句狠话,句句惊醒你我,震撼心灵!
  64. 三十岁左右的我们,以后的路该如何走?
  65. 孤傲汪滔与刮骨疗伤后的大疆
  66. Spring Boot自动配置原理与实践(1)
  67. 51信用卡面经
  68. Xshell工具使用--连接VMware虚拟机
  69. 2019AWE:科大讯飞发布多款家电在线解决方案
  70. 《都挺好》老头作妖是有苦衷的
  71. 苏联入侵阿富汗后损失有多惨重?这次战争真的拖垮了苏联?
  72. 历史上的窗户税,英格兰政府搞得民众暗无天日
  73. 对鲨鱼DNA的新研究可能成为治愈癌症等人类疾病的关键
  74. 哈密翼龙:200年来最令人激动的翼龙研究新发现
  75. 2月新能源TOP10销量榜,实销4.3万台同比+52%,出现百家争鸣局面
  76. 全球瞩目,中国无人机的销量已经超越美国无人机,位居世界第一
  77. 各种实现js继承的方法总结
  78. 死磕 java同步系列之JMM(Java Memory Model)
  79. 从语言设计的角度探究Java中hashCode()和equals()的关系
  80. 对抗明文口令泄露 —— Web 前端慢 Hash
  81. 过年了,我理解了什么是“老板给员工打工”
  82. 具有代码执行潜力的Vimeo SSRF
  83. 玛莎拉蒂推出平民车型,平民都买得起,网友:这个价格真接地气
  84. 小白来袭
  85. 土耳其收到美方的“最后通牒”仍嘴硬,反倒还想讹上一笔?
  86. 44岁李玟认了整形!大方谈科技变美...讲完笑:我太诚实了
  87. 刘銮雄为年轻时买单,花三亿换肾,现如今情况如何?
  88. 气氛突然苏维埃了起来!Steam上架《苏联模拟器》 支持简体中文
  89. 童模被脚踹?涉事母亲道歉:教导动作稍大绝无伤害想法
  90. 干干净净,是一个人最大的福气!
  91. Vue依赖收集引发的问题
  92. DDoS攻击成本越来越低,互联网企业高防部署必不可少
  93. 为了一具英雄的遗体,老毛子向极端分子妥协,全国为之哀悼
  94. 媒体人三表:开黄腔的马云令人不安
  95. 22%的死亡与不健康饮食有关
  96. 全新一代天籁为什么卖不好? 产品力虽强却高价低配
  97. 程序员:面试挂了,面试官说我没有互联网气质,网友:那是啥气质
  98. 摩拜失去了灵魂,现在它又失去了姓名
  99. Visual Studio 开发(一):安装配置Visual Studio Code
  100. 锤子“不举”,老罗难为

  1. Python开发:部分第三方库无法在线安装解决方法(949)
  2. [Swift]LeetCode325. 最大子数组之和为k $ Maximum Size Subarray Sum Equals k(779)
  3. Matlab 2019a 安装包下载以及安装和激活(720)
  4. 仅限Edge和Chrome访问 全新网页端Skype应用上线(686)
  5. 前端笔记之NodeJS(一)初识NodeJS&内置模块&特点(684)
  6. C#读取excel文件提示未在本地计算机上注册“Microsoft.ACE.OLEDB.12.0”提供程序(663)
  7. 【预警通告】Weblogic反序列化远程代码执行漏洞(640)
  8. Visual Studio 2019 正式发布,重磅更新,支持live share(600)
  9. 【预警通告】Apache Tomcat远程代码执行漏洞CVE-2019-0232(573)
  10. 网上赌博平台维护审核提不了款怎么办?(535)
  11. React 与 React-Native 使用同一个 meteor 后台(529)
  12. Sublime Text3 最新版3207 安装及破解(458)
  13. Visual Studio 2019 正式发布(389)
  14. [翻译] Visual Studio 2019: 极速编码. 智能工作. 创造未来.(389)
  15. 刘强东身边的CXO还有谁“幸存”(373)
  16. 舍命生子产妇吴梦丈夫怒斥:没抢肺源不是精神分裂,网友断章取义(371)
  17. Confluence SSRF及远程代码执行漏洞处置手册(370)
  18. 阿里巴巴2018年纳税516亿元 同比增40%(370)
  19. 机器学习 ML.NET 发布 1.0 RC(369)
  20. K8s集群安装--最新版 Kubernetes 1.14.1(338)
  21. 雷军清华演讲实录:小米9年的创新、变革与未来(334)
  22. 小米手机卖不动了?(327)
  23. F#周报2019年第14期(317)
  24. 积分一样却选手下败将出战国际赛,《最强大脑》云队选手被坑了?(300)
  25. 《最强大脑》要垮?桑洁魏坤琳出轨细节被扒,戚薇才是神助攻(257)
  26. 华电教授孙玉兵被指与昔日同学共同学术造假,多所高校调查(251)
  27. F#周报2019年第15期(249)
  28. 日本明仁天皇退位,日本“平成”年代结束(246)
  29. linux系统安装cdcfordb2udb(241)
  30. Oracle甲骨文大规模裁员,你背离时代就会被淘汰(240)
  31. 他联系叙恐怖分子“卖军火”,称能搞到2000枚导弹,关键时刻中国警察出手(237)
  32. 针对django2.2报错:UnicodeDecodeError: 'gbk' codec can't decode byte 0xa6 in position 9737: ill....(236)
  33. 魔兽世界:8.15搏击俱乐部坐骑获取流程 鳄鱼布鲁斯坐骑(236)
  34. 女友被曝插足许志安郑秀文婚姻 知情人透露马国明已下定决心分手(232)
  35. SQL简介及MySQL的安装目录详解(229)
  36. 视觉中国深夜道歉:全面配合监管部门彻底积极整改(229)
  37. 为什么国内汽车用沥青阻尼片,而欧洲主机厂却用树脂?(229)
  38. 谁是苏小明饭局爆粗偷拍者?知情人称另有其人(225)
  39. NodeJs之邮件(email)发送(223)
  40. 迪玛希好惨!昨晚《歌手》为声入人心男团帮帮唱,却再被指控侵权(223)
  41. 市值暴跌90%,世界零售巨头申请破产战胜了所有对手却输时代(221)
  42. 函数防抖,与函数节流(221)
  43. 机器学习基石笔记:01 The Learning Problem(218)
  44. 深度学习python的配置(Windows)(215)
  45. [深度应用]·实战掌握Dlib人脸识别开发教程(213)
  46. 许志安出轨视频系蓄谋偷拍?司机被曝收40万装红外摄像头(210)
  47. Google AI 系统 DeepMind 高中数学考试不及格(210)
  48. 干货!21部漫威电影观影顺序指南,在《复联4》之前赶紧补齐!(209)
  49. 赌命生子九个月后,吴梦离世:前半辈子任性了,我用生命买单(206)
  50. 威廉王子出轨凯特王妃闺蜜? 外媒称婚外情致兄弟反目(203)
  51. spring-cloud-sleuth+zipkin源码探究(203)
  52. WebGL three.js学习笔记 纹理贴图模拟太阳系运转(201)
  53. 新更新kb4493472导致无法正常开机(195)
  54. 杜敬谦死因疑曝光!或因他这一特殊的训练方式,泳迷高呼孙杨退役(191)
  55. AntDesign Form表单字段校验的三种方式(189)
  56. 韦杰落网,金诚集团终局(188)
  57. 华为推出方舟编译器 称可提升安卓系统效率(186)
  58. 山东庆云民企3000亩土地被贱卖 国企接盘拟转性(185)
  59. 《权力的游戏》龙妈有那么多爱她的人,为什么最终会选择琼恩雪诺(183)
  60. 张无忌为什么爱上她?陈钰琪版赵敏终于给答案了(181)
  61. “国防”靠美国? 韩国瑜=马英九2.0? 走着瞧(180)
  62. 直认与老公感情淡了!27岁TVB上位女星:我们不是好熟(180)
  63. Python破解Wifi密码思路(180)
  64. CUBA Studio 8.0 发布,企业级应用开发平台(179)
  65. Github 上 Star 最多的个人 Spring Boot 开源学习项目(178)
  66. 张丹峰出轨最新锤来了!毕滢的朋友圈简直刷新下限啊!(177)
  67. 拿着普通员工超300倍的工资裁员800人,这家游戏公司CEO引发员工不满|一周新闻(177)
  68. 币安称 4000 万美元比特币被盗(175)
  69. 使用 C 语言实现一个 HTTP GET 连接(175)
  70. 不要996!程序员创建955.WLB不加班公司名单,GitHub周榜第二(175)
  71. AntD框架的upload组件上传图片时遇到的一些坑(175)
  72. 《跃迁-成为高手的技术》之联机学习(174)
  73. Codejam Qualification Round 2019(174)
  74. Weblogic CVE-2019-2647等相关XXE漏洞分析(173)
  75. python爬虫重定向次数过多问题(172)
  76. simulink创建简单模型(172)
  77. 强大的jQGrid的傻瓜式使用方法。以及一些注意事项,备有相应的引入文件。(170)
  78. [NewLife.XCode]高级查询(168)
  79. Algolia使用教程 , 超详细傻子看都会(166)
  80. Delphi 开发微信公众平台 (二) 用户管理(165)
  81. 核心算法缺位,人工智能发展面临“卡脖子”窘境(165)
  82. 告诉你去越南芽庄必带回的好东西(163)
  83. 只需知道电话号码 即可监控任意一部手机,获取位置,太可怕(163)
  84. 范斯晶对祖母的称呼很意外,范志毅很心疼,缺少母爱的孩子不容易(162)
  85. 如何定位前端线上问题(如何排查前端生产问题)(162)
  86. 百度网盘下载神器 PanDownload v2.0.9(破解版、不限速)(160)
  87. 双双出轨!许志安劈腿马国明港姐女友,二人被拍16分钟激吻超20次(160)
  88. 数学家发现完美的乘法(160)
  89. 定义工作,解读自我——IT帮2019年2月线下活动回顾(160)
  90. 高管被警方带走背后:巧达科技操盘2亿人简历生意(159)
  91. 吹爆惠英红,《铁探》这位霸道总警司超带感!真乃港剧罕见大女主(157)
  92. vue生成图片验证码(156)
  93. 三国正史第一猛将:一人单挑数千人,不是吕布也不是关羽(155)
  94. 从0到1上线一个微信小程序(154)
  95. FreeSql 如何现实 Sqlite 跨库查询(154)
  96. 向佐的弟弟叫向佑,网友:那郭碧婷生的孩子叫什么?(153)
  97. [Node.js] 3、搭建hexo博客(153)
  98. spring-boot-2.0.3不一样系列之源码篇 - pageHelper分页,绝对有值得你看的地方(153)
  99. TensorFlow从1到2(十)带注意力机制的神经网络机器翻译(152)
  100. java基础(十五)----- Java 最全异常详解 ——Java高级开发必须懂的(152)

  1. 函数优化实战
  2. numpy数组之存取文件
  3. 曾之乔眼眶泛红爆哭! 5万粉虐心看10秒 最后一刻笑了
  4. 自杀式选角
  5. 登陆Linux服务器时触发邮件提醒
  6. 风暴中的华为员工信首次公布:女朋友停止吵架,家人劝不要做逃兵
  7. 莫迪大胜,对中国意味着什么?
  8. 搞假材料欺骗中央,书记区长双双被免
  9. 小白入门AI教程:教你快速搭建大数据平台『Hadoop+Spark』
  10. MySQL 事务
  11. [Inside HotSpot] Serial垃圾回收器 (二) Minor GC
  12. 老婆举报医生老公“收药品回扣”:他出轨并要求离婚 官方已介入调查
  13. 实验吧简单的sql注入3
  14. 死磕 java同步系列之自己动手写一个锁Lock
  15. [NOI2006] 网络收费
  16. 线性基的小证明...
  17. 从语言设计的角度探究Java中hashCode()和equals()的关系
  18. C# 多线程小试牛刀
  19. Python基础:输入与输出(I/O)
  20. link-1-STL 标准模板库
  21. mysql--浅谈多表查询1
  22. 进击JavaScript核心 --- (1)基本数据类型
  23. 大数据技术之_24_电影推荐系统项目_07_工具环境搭建(具体实操)
  24. 前端限制显示的文本字数的几种方法——不换行与换行
  25. 【实验吧】该题不简单——writeup
  26. 反向传播算法
  27. =、==、===、equals()的区别
  28. GitHub 推出开发者赞助项目
  29. 剑指Offer的学习笔记(C#篇)-- 从上往下打印二叉树
  30. argparse 在深度学习中的应用
  31. 张云雷复出?西城区文旅局:德云社在辖区内演出未发现违法违规问题
  32. Maven安装与配置
  33. acWing 825. 排队购物
  34. ajax&&jquery
  35. 苏联攻击机的悲壮行动,明知德军战机拦截,仍在无护航状态下出击
  36. 华为的5G技术,源于这种数学方法
  37. 一站式自动化测试平台 http://www.Autotestplat.com
  38. RabbitMQ总结
  39. 第九组 通信3班 063 自反ACL
  40. 短线还有最后一跌?大V们表示:反弹近了!(5月23日)
  41. 第九组 通信3班 063 OSPFv2与OSPFv3综合实验
  42. C# IE选项 - 重置IE
  43. Spring_数据校验和自定义检验规则
  44. 谈谈Java的string为什么是不可变的
  45. OFFICE 365 A1 Plus账号注册
  46. 初学python—做一个数组的增删改查操作
  47. oc工程中oc、swift混编代码打包成静态framework踩坑笔记
  48. 阿里云推“智能秒停系统”:50秒内短信通知 再不怕吃罚单
  49. 今天购买了一个云服务器
  50. 神奇!乌鸦竟然会传达悲观和怀疑情绪 还会对同伴“冷嘲热讽”
  51. 数字IC设计入门必备——VIM自定义模板调用与VCS基本仿真操作示例
  52. 点击事件的坐标计算(client || offset) +(X || Width || Left) 各种排列组合别绕晕
  53. windows下dubbo-admin2.6.x之后版本的安装
  54. linux 之基本命令学习总结
  55. 传祺难续“传奇”?销量暴跌超4成 加价卖车被“断裂门”尽毁
  56. 香港豪门后宫持续曝光:他用选美比赛“选妃”,与几万女星交往
  57. 小窥React360——用React创建360全景VR体验
  58. Spring Boot 2 快速教程:WebFlux 集成 Mongodb(四)
  59. .Net Core下使用RabbitMQ比较完备的两种方案(虽然代码有点惨淡,不过我会完善)
  60. “80后”女博士已任团中央书记处书记
  61. 杨元庆:现在是联想的最好时刻 我们四大战役全部打了胜仗
  62. Java开发环境的搭建(JDK和Eclipse的安装)
  63. oracle学习笔记(十四) 数据库对象 索引 视图 序列 同义词
  64. 机构风向标:外资出逃超500亿 美的集团等白马股表现欠佳
  65. 跟踪记录ABAP对外部系统的RFC通信
  66. c++11多线程详解(一)
  67. 小蓝杯,跌破发行价了
  68. [NewLife.XCode]百亿级性能
  69. 33岁何洁商场走穴被曝光,路人镜头下的她与精修图差别好大
  70. 途牛第一季度净亏损2240万美元 同比亏损幅度扩大
  71. 00 | Two Sum
  72. 智能威胁分析之图数据构建
  73. 快速掌握RabbitMQ(二)——四种Exchange介绍及代码演示
  74. Neo4j 第六篇:Cypher语法
  75. Java微信公众平台开发(三)--接收消息的分类及实体的创建
  76. Java8 中的 Optional
  77. 如何显示超大图像(3)
  78. 贵州检察机关依法对袁仁国决定逮捕
  79. 有关xerospolit运行报错问题的有效解决方案
  80. ADO学途 one day
  81. Linux 中 ip netns 命令
  82. Python爬虫之设置selenium webdriver等待
  83. BSOJ1040 -- 【练习题目】美元DOLLARS
  84. 外媒:稀土是中国手中的一张王牌
  85. sql server添加sa用户和密码
  86. 深入理解JVM的类加载
  87. querySelector和getElementById之间的区别
  88. 简说设计模式——观察者模式
  89. 扰动函数和拉链法模拟HashMap的存储结构
  90. 东芝中国:“上海东芝公司”不存在 未停止与华为的合作
  91. 彭于晏马思纯主演张爱玲这部小说,却被说更适合演《骆驼祥子》?
  92. 停止向华为供货?东芝辟谣回应
  93. 云米第一季度净利润5310万元 同比增长68%
  94. 贪吃的古蛙,古生物学家发现亿年前两栖动物之间战争
  95. APICloud发布低代码开发平台 效率提升30%至60%
  96. Golang 读写锁RWMutex 互斥锁Mutex 源码详解
  97. shell初级-----数据呈现方式
  98. 白玉兰入围名单公布!《知否》《都挺好》上榜,还有这部豆瓣3分剧
  99. 深网 | 京东618接入快手、抖音 实现“即看即买”
  100. 解决 APP启动白屏黑屏问题