input标签的各种属性

1、type属性
name属性 :元素的名称;这个不需要多解释了,也就是name的取值代表为当前input元素起个名字;

size属性 :元素的宽度;很多人都知道在HTML中,常见的宽度是用 width 表示的,而在input中 width 属性只使用与 type=“image” 时使用,input元素的宽度需要通过size属性来设定,size的值为数字,数字越大input元素越长,数字越小input元素越短;

value属性:定义input元素的默认值;
当 input type=“text”、“password”、“hidden” 时,定义输入字段的初始值;
当 input type=“button”, “reset”, “submit” 时,定义按钮上的显示的文本;
当 input type=“checkbox”, “radio”, “image” 时,定义与输入相关联的值;

maxlength属性:定义input元素中可输入的最长字符数;如 maxlength=“50” 表示最多可以输入50个字符;
1、style属性 :为input元素设定CSS样式;
2、width属性 :当 input type="image"时,通过width属性控制元素的宽度;
3、height属性:当 input type="image"时,通过width属性控制元素的高度;
以上这些技术常用的几个基础控制属性了

Button(按钮)、checkbox(复选框)、file(文件上传)、hidden(隐藏字段)、image(图片)、password(密码)、radio(单选按钮)、reset(表单重置按钮)、

submit(表单提交按钮)、text(文本框)、color(定义拾色器)、
date(定义时间(年月日))、datetime-local(定义时间(年月日时分))、
month(定义时间(年月))、week(定义时间(年周))、time(定义时间(时分))、

email(定义e-mail地址)、number(输入必须为数字)、range(数字选择控件)、search(输入搜索的字符串)、tel(手机号码必须符合格式)、
url(网址必须符合格式)

  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值