Input元素的type属性
Input元素
01
Input元素
普通文本框
密码文本框
按钮
Input元素
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
描述
元素是表单中最常见的元素，网页中常见的单行文本框、单选按钮、复选框等都是通过它定义的。
语法格式
说明
Input元素的type属性
02
单行文本框
描述
单行文本输入框常用来输入简短的信息，如用户名、账号、证件号码等，常用的属性有name、value、maxlength。
语法格式
说明
属性值
含义
id
标识一个单行文本框
name
单行文本框名
value
单行文本框的初始值
size
单行文本框的长度
maxlength
在单行文本框中能输入的最大字符数
密码输入框
描述
密码输入框用来输入密码，其内容将以圆点的形式显示。
语法格式
示例
密码：
2022-05-31 14:04:44
380KB
Input元素的其他属性
Input元素的其他属性
01
autofocus属性
描述
autofocus属性用于指定页面加载后是否自动获取焦点，将标记的属性值指定为true时，表示页面加载完毕后会自动获取该焦点。
语法格式
示例
form属性
描述
HTML5中的form属性，可以把表单内的子元素写在页面中的任一位置，只需为这个元素指定form属性并设置属性值为该表单的id即可。
语法格式
示例
list属性
2022-05-31 14:04:43
368KB
这两天在做百姓网的笔试题的时候遇到了这样一个问题，用 HTML5 的新特性实现百姓网现有的一个模块，在百姓网中逛了一阵后最终选定了发布信息所用的表单模块，原因很简单，在 HTML5 中针对表单有很多新特性可以使用，这些新特性也很有实用性，毕竟有表单的地方实在是太多了，比如注册啦，登录啦，发帖啦……（喂，有点跑题了亲。）
这个时候，我看到原始网页中的表单里有这么个元素
我的第一反应就是，哈，input元素而已，用CSS定制一下样式就可以了，然后我很自然的准备“右键”-“审查元素”来看看具体的样式百姓网是怎么写的以后发现……
一定是我的打开方式不对……既然这样，当然是自己动手丰衣足食
2022-03-01 19:51:28
146KB
1