了解HTML表单之input元素的23种type类型

目录

前面的话

　　随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week共13个

传统类型

　　text 　　   定义单行的输入字段，用户可在其中输入文本

　　password   定义密码字段。该字段中的字符被掩码

　　file 　　　 定义输入字段和 "浏览"按钮，供文件上传

　　radio　　  定义单选按钮

　　checkbox   定义复选框

　　hidden 　  定义隐藏的输入字段

　　button 　　定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）

　　image 　　定义图像形式的提交按钮

　　reset 　　 定义重置按钮。重置按钮会清除表单中的所有数据

　　submit 　  定义提交按钮。提交按钮会把表单数据发送到服务器

text

　　type="text"表示一个文本输入框，它是默认的输入类型，是一个单行的控件，一般是一个带有内嵌框的矩形 

password

　　type="password"表示一个密码输入框，它与文本输入框几乎一模一样，功能上唯一的不同的字母输入后会被隐藏，一般是一连串的点 

【默认样式】

chrome/safari/opera  padding: 1px 0px;  border: 2px inset;firefox  padding: 2px;  border-width: 1px;ie  padding: 2px 1px;  border-width: 1px;

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：了解HTML表单之input元素的23种type类型

关键词：HTML