input标签

<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" />

 

  • 3
    点赞
  • 91
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值