input标签

Posted 2021-07-11 江西昊仔

<input />

常用属性：type、value、readonly、maxlength、disable

1.type			元素的类型
2.value			元素的值（默认值）
3.readonly		只读状态
4.maxlength		设置输入的最大的长度，超过则不显示
5.disable		禁用标签

【type】元素类型值：text、password、number、file、radio、checkbox、button、submit、reset、date、week、email、hidden

1.text  		文本框（显示具体值）
2.password		密码框（不显示输入值）
3.number		数字框（只能填整数）.
4.file			文件域（如果是上传文件的表单，则表单需要设置一个属性：enctype="multipart/form-data",因为图片资源比较大，所以提交方式为post请求
5.radio			单选框（需要通过相同的name属性设置为一组）
6.checkbox		复选框（需要通过相同的name属性设置为一组）
7.button		普通按钮
8.submit		提交按钮
9.reset			重置按钮 
10.date			日期框
11.week			周期框
12.email		邮箱框
13.hidden		隐藏域

例子：

<br />普通默认
<input  />
<br />文本框:text
<input type="text" />
<br />密码框:password
<input type="password" />
<br />数字框:number
<input type="number" />
<br />文件框：file
<input type="fiel" />
<br />单选框:radio
<input type="radio"  name="test"/>
<input type="radio"  name="test"/>
<input type="radio"  name="test"/>
<br />多选框:checkbox
<input type="checkbox" name="test1"/>
<input type="checkbox" name="test1"/>
<input type="checkbox" name="test1"/>
<br />按钮:button
<input type="button"/>
<br />提交按钮:submit
<input type="submit" />
<br />重置按钮:reset
<input type="reset" />
<br />日期框:date
<input type="date" />
<br />周数框:week
<input type="week" />
<br />邮箱框:email
<input type="email" />

 结果：

 

<input />

常用属性：type、value、readonly、maxlength、disable

1.type			元素的类型
2.value			元素的值（默认值）
3.readonly		只读状态
4.maxlength		设置输入的最大的长度，超过则不显示
5.disable		禁用标签

元素类型值：text、password、number、file、radio、checkbox、button、submit、reset、date、week、email、hidden

1.text  		文本框（显示具体值）
2.password		密码框（不显示输入值）
3.number		数字框（只能填整数）.
4.file			文件域（如果是上传文件的表单，则表单需要设置一个属性：enctype="multipart/form-data",因为图片资源比较大，所以提交方式为post请求
5.radio			单选框（需要通过相同的name属性设置为一组）
6.checkbox		复选框（需要通过相同的name属性设置为一组）
7.button		普通按钮
8.submit		提交按钮
9.reset			重置按钮 
10.date			日期框
11.week			周期框
12.email		邮箱框
13.hidden		隐藏域

<br />普通默认
<input  />
<br />文本框:text
<input type="text" />
<br />密码框:password
<input type="password" />
<br />数字框:number
<input type="number" />
<br />文件框：file
<input type="file" />
<br />单选框:radio
<input type="radio"  name="test"/>
<input type="radio"  name="test"/>
<input type="radio"  name="test"/>
<br />多选框:checkbox
<input type="checkbox" name="test1"/>
<input type="checkbox" name="test1"/>
<input type="checkbox" name="test1"/>
<br />按钮:button
<input type="button"/>
<br />提交按钮:submit
<input type="submit" />
<br />重置按钮:reset
<input type="reset" />
<br />日期框:date
<input type="date" />
<br />周数框:week
<input type="week" />
<br />邮箱框:email
<input type="email" />

 ​

​