HTML 表单特性

表单特性

表单特性就是通过表单元素的一些属性,来对表单的改进,有了这些特性,开发人员就不必花费的额外时间,通过编写Javascript 来增强表单的行为。

HTML4中的表单特性主要有 size、minlength、maxlength、readonly、disable,HTML5又增加了很多新的特性,包括 autocomplete、autofocus、required、placeholder、pattern等,这些内置的特性不仅让开发变得很轻松,也很大程度的提升了网站访问者的用户体验。

更妙的是,对于不支持这些新特性的旧版浏览器,也不会出太大的问题,它们会直接忽略这些无法理解的属性,而不会报错。如果你希望它们拥有HTML5 行为,可以像过去那样使用Javascript 进行增强。

在HTML5中,对于像 readonly、disable、autofocus、required 等这些布尔属性,如果将它们添加到一个元素中,就会打开相应的功能,而省略或有意删除它,将会关闭相应的功能。

size

size属性用来指定文本框的宽度,即文本框的可见字符数。如,以下文本框的宽度是 20 个字符:

 
  1. 用户名:<input type="text" name="user" size="20" />

由于 size属性是一个表现层面的属性,因此在实际应用中,推荐使用 CSS,而不是 size属性来设置文本框的宽度。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。

版权声明:本文出自 歪脖网 的《HTML宝典》,欢迎在线阅读,并提出宝贵意见。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值