<input type="text"> 定义供文本输入的单行输入字段
<input type="password"> 定义密码字段
<input type="submit"> 定义提交表单数据至表单处理程序的按钮
<input type="radio"> 定义单选按钮
<input type="checkbox"> 定义复选框
<input type="button> 定义按钮
HTML5中新加的类型
color     <input type="color"> 用于应该包含颜色的输入字段
date      <input type="date"> 用于应该包含日期的输入字段
datetime  <input type="datetime"> 允许用户选择日期和时间(有时区)
datetime-local  <input type="datetime-local"> 允许用户选择日期和时间(无时区)
month     <input type="month"> 允许用户选择月份和年份
week      <input type="week"> 允许用户选择周和年
time      <input type="time"> 允许用户选择时间(无时区)
number    <input type="number" name="quantity" min="1" max="5">
range     <input type="range" name="points" min="0" max="10">用于应该包含一定范围内的值的输入字段
search    <input type="search"> 用于搜索字段(搜索字段的表现类似常规文本字段)
tel
email     <input type="email"> 用于应该包含电子邮件地址的输入字段
url       <input type="url"> 用于应该包含 URL 地址的输入字段

列举5种以上表单元素中input的type类型相关推荐

  1. reac笔记_13 form表单元素中 input/defaultValue + useState/useRef

    目录 原生html元素 input属性 示例1 示例2 react中 受控组件与非受控组件 属性 error - input标签value属性使用 示例 - useState 示例 - input标签 ...

  2. input眼睛显示 vue_修改表单元素中placeholder属性样式、清除IE浏览器中input元素的清除图标和眼睛图标...

    一.修改input元素placeholder属性样式 在做项目的时候,一般表单元素的placeholder属性样式都是使用浏览器默认的,但有时候为了追求设计上的美感需要修表单元素的placeholde ...

  3. HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素

    文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...

  4. HTML(三):表单元素

    表单元素概述 表单(Form),用于收集用户信息.提交用户请求等 处理过程         1.设计表单,并放入一些输入域         2.网站访问者在自己的计算机上填写上述输入域,并提交到服务器 ...

  5. 第三章 表单与表单元素

    学习目标 理解表单的作用 理解表单与表单元素的关系 掌握表单标签及其属性 掌握各种表单元素标签及其属性 在Web网页中,浏览者经常需要与Web服务器进行数据交互.当浏览者需要填写数据并将这些数据发送到 ...

  6. 子节点含有表单元素的div元素的blur事件

    1.div元素的blur事件 blur事件一般在表单元素如input元素才是存在的,对div.span等元素时无效的,但是可以给div元素加上tabindex属性,也可以让div等元素有焦点,所以bl ...

  7. layui快速学习(一)form表单元素

    form表单元素包括:text 文本输入框,password密码输入框,checkbox复选框,radio单选框,file 文件域,submit表单提交action指向的文件,reset表单清空,im ...

  8. HTML基础--表单元素知识

    学习目标: 通过简单的实践,学习基本的 HTML FORM 标签,理解各种表单元素的使用场景,并且掌握表单一系列基本验证方式. 学习内容: 1.HTML表单 HTML 表单用于搜集不同类型的用户输入. ...

  9. JS表单的获取、表单元素的获取、提交表单

    获取表单 document.getElementById("id属性值"),通过表单的id属性值获取属性对象 document.表单的name属性值,通过表单的name属性值获取表 ...

最新文章

  1. iOS:一句代码实现文本输入的限制
  2. springboot 获取控制器参数的几种方式
  3. 从技术分工的角度来看996.ICU
  4. 毕业与计算机专业,电子与计算机工程专业毕业后干什么
  5. c语言jt808协议库,平台如何应答——关于JT/T808协议
  6. js中的Promise简单总结(ES6)
  7. java 操作系统 模拟 daima_编写一个程序,利用Java语言模拟操作系统进程调度管理...
  8. 软件工程(2018)结对编程第一次作业
  9. @SuppressLint(HandlerLeak),或Handler使用有警告;
  10. SetupFactory安装前卸载旧版本
  11. 今日制造怎么安装solidworks插件_PS插件安装后出现了登陆界面,无法使用怎么解决?保证一招搞定...
  12. 怎么避免后台被搜索_【干货】一文读懂360搜索oCPC
  13. 沉没的王国---揭秘滇东自杞国(5)
  14. linux学习课程从入门到精通:Linux基本操作和服务器硬件选购指南
  15. 20162330 第十二周 蓝墨云班课 hash
  16. Math.Round函数四舍五入的问题
  17. 【开发技术】2万字详细介绍Docker 和 web项目的部署监控,docker部署,拉取kafana,prometheus镜像监控
  18. 2021年6月程序员工资统计,平均15052元
  19. 中兴手机、泰康:微信营销的妙用与滥用
  20. 电脑处理器多核心好还是高频率好?

热门文章

  1. 优化CSP模式 手游也能站着把钱挣了
  2. 2020年广东工业大学第十届文远知行杯新生程序设计竞赛(同步赛)G- 排解忧伤
  3. 人品比能力更重要---个人收藏
  4. 小米10s微距模式使用教程分享
  5. 解决Maven打包报错Could not transfer artifact xxx.xxx找不到依赖的问题
  6. mvn将本地jar文件导入本地maven库中
  7. 电子商务网站的系统规划-1
  8. 英国霍克(HAWKER)叉车蓄电池-中国
  9. 修改linux服务器nls_lang,Oracle下服务端字符集修改
  10. python之tkinter Pack使用