表单扩展?

本文详细介绍了HTML5中新增的表单控件,包括email、url、number、range、date、search、color、tel和time输入框,以及表单属性如autocomplete、autofocus、required和pattern。同时,探讨了表单前后端数据交互的方法,如method、enctype、name/value的使用,并介绍了fieldset、legend和optgroup等表单扩展标签。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表单自带样式。

美化表单控件: 1. label+ : checked;   2. position+opacity;

新的input控件:

email:电子邮件地址输入框

url:网址输入框

number:数值输入框

range:滑动条 (有min max value等)

date/month/week:日期控件

search:搜索框

color:颜色控件

tel:电话号码输入框( 在移动端会默认跳出数字键盘)
time:时间控件

 

新的表单扩展之属性:

autocomplete:自动完成( 默认on,可设置为off关闭自动提示历史输入过的记录)

autofoucs:获取焦点( 打开网页光标自动定位到的表单)

required:不能为空

pattern:正则验证(符合规则则通过,不符合则不通过,如pattern=[a-z]+加号是一定要有的)

表单属性之前后端数据交互:

method:数据传输方式,值有get和post

enctype:数据传输类型,值有字符串、文件等

name / value:数据的键值对,必须设置以对应php下的获取

 

表单扩展之标签:

fieldset:表单内元素分组

legend:为fieldset元素定义标题

optgroup:定义选项组

 

 

表单扩展之标签:

fieldset:表单内元素分组

legend:为fieldset元素定义标题

optgroup:定义选项组

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值