HTML 表单特性

标签: HTML HTML5
15人阅读 评论(0) 收藏 举报
分类:

表单特性

表单特性就是通过表单元素的一些属性,来对表单的改进,有了这些特性,开发人员就不必花费的额外时间,通过编写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宝典》,欢迎在线阅读,并提出宝贵意见。

查看评论

html表单的例子

表单的例子                    用  户  名:         密      码:         性      别:男              女     ...
  • cherishSpring
  • cherishSpring
  • 2016年05月18日 17:55
  • 1804

Html简易表单制作

(以百度注册表单为例)简易表单制作
  • u011195636
  • u011195636
  • 2015年09月12日 19:08
  • 2490

html下拉表单实现代码

Volvo Saab  selected="selected">Fiat  //此处红色部分表示实现默认选项 Audi
  • q285661571
  • q285661571
  • 2012年04月12日 23:31
  • 3086

HTML-做一个网页的注册登记表单

/* *Copyright (c) 2017,烟台大学计算机学院 All rights reserved. *文件名称:关于HTML的练习 *作 者:张晴晴 *完成日期:201711月5...
  • qq_34216631
  • qq_34216631
  • 2017年11月05日 10:17
  • 2172

html下拉表单

插入表单 兴趣调查 选择你喜欢的音乐: 摇滚 流行 爵士 民族 打击 北京 上海 南京...
  • u010383937
  • u010383937
  • 2017年05月25日 08:09
  • 224

动态生成html表单并提交

之前在做一个问卷调查的时候,用到了动态生成html表单,个人感觉,html方式虽然原始,但它是万能的解决方法。 生成页查询数据库,然后得到泛型,用stringbuilder 生成html代码。 ...
  • my98800
  • my98800
  • 2017年12月18日 08:33
  • 338

HTML中的表单设计

HTML中的表单设计 Smile Huang China University of Geosciences, Wuhan School of Computer Science, Network ...
  • hxh1994
  • hxh1994
  • 2015年01月11日 13:15
  • 1569

HTML5表单新特性

}     HTML5之前已有的input type:         text、password、radio、checkbox、file、submit、reset、button、...
  • mengxiang_go
  • mengxiang_go
  • 2017年04月24日 09:02
  • 173

HTML高级标签之表单应用(一)

表单应用包括登录表单, 单选框, 复选框, 下拉列表, 普通列表, 多选列表, 多行文本域 本章主要学习的是登录表单,单选框和复选框...
  • anig2014
  • anig2014
  • 2015年04月03日 11:06
  • 993

HTML入门笔记27-HTML一个简单的表单设计

这篇在前面一篇文章基础上,在表单页面增加了一部分功能,有复选框和文本框,还有文件选择和提交按钮。为了尽可能的模拟,我们平时在网页上注册的场景,我们来设计一个如下图的页面。 项目HTML内容如下。...
  • u011541946
  • u011541946
  • 2017年07月30日 22:57
  • 554
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 2万+
    积分: 5007
    排名: 7022
    博客专栏