4.新增表单相关的属性

新增表单相关的属性

  1、可以对input(type=text)、select、textarea与button元素指定autofocus属性。它以指定属性的方式让元素在打开页面时自动获得焦点。

  2、可以对input(type=text)和textarea元素指定placeholder属性,它会对用户的输入进行提示,提示用户可以输出的内容。

  3、可以对input、output、select、textarea、button与fieldset指定form属性,声明它属于哪个表单,然后将其放置在页面上的任何位置,而不是表单之内。

  4、可以对input元素(type=text)与textarea预算指定required属性。该属性表示在用户提交的时候进行检查,检查该元素内一定要有输入的内容。

  5、为input元素增加了几个新的属性:autocomplete、min、max、multiple、pattern与step。同时还有一个新的list元素也datalist元素配合使用。datalist元素与autocomplete属性配合使用。multiple属性允许在上传文件时一次上传多个文件。

  6、为input元素与button元素增加了新属性formaction。formenctype、formmethod、formnovalidate与formtarget,它们可以重载form元素的action。enctype、method、novalidate与target属性。为fieldset元素增加了disabled属性,用于把他的子元素设为无效的。

  7、为input元素、button元素form元素增加了novalidate属性,该属性可以取消提交时进行的有关检查,表单可以被无条件提交。

  8、为所有可用标签(label元素)的表单元素(包括非隐藏的input元素(type属性不等于hidden)、button元素select元素、textarea、meter元素output元素、progress元素以及keygen元素)定义一个labels属性,属性值为一个NodeList对象,代表该元素所绑定的标签元素所构成的集合。

  9、可以在标签(label元素)内部放置一个表单元素,并且通过该标签的control属性访问该表单元素。

  10、针对input元素与textarea元素,在HTML5中增加SelectionDirection属性。当用户在这两个元素中用鼠标选取部分文字时,可以使用该属性来获取选取方向。当用户正向选取文职是,该属性为“forward--默认”,反向是为“backward”。

  11、对复选框(checkbox元素)添加indeterminate属性,以说明复选框处于“尚未明确是否选取”状态。

  12、对类型为image的input元素添加用于指定图片按钮中图片高度的height属性与图片宽度的width属性。

  13、对textarea元素新增用于限定可输入文字个数的maxlength属性与用于指定表单提交时是否在文字换行出添加换行符的wrap属性。

时间: 2024-10-12 12:14:39

4.新增表单相关的属性的相关文章

html5新增表单元素和属性

从三方面来介绍html5表单的新特性表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body><form action="upload.php" method="post" accept-charset="utf-8" id="form1"&g

疯狂的表单-html5新增表单元素和属性

疯狂的表单 2015/11/27 16:44:07 从三方面来介绍html5表单的新特性 表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body> <form action="upload.php" method="post" accept-charset="utf-8&

HTML5初探——新增的表单元素和属性

HTML5初探--新增的表单元素和属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5 移动Web开发指南</title> <style type="text/css"> h1, h2, h3, h4, h5, h6 { text-align: center; } input { width: 4

HTML5初步——新的表单元素和属性

HTML5初步--新的表单元素和属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5 移动Web开发指南</title> <style type="text/css"> h1, h2, h3, h4, h5, h6 { text-align: center; } input { width: 45

HTML5 新增表单控件

新增类型:网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索 <label>网址:</label><input type="url" name="" required><br><br> <label>邮箱:</label><input type="email" name="" required><br><b

5.9 HTML5 新增表单控件 ---不是特别重要

HTML5 新增表单控件新增类型:网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索这些控件基本不使用:因为在不同的浏览器中效果不一样.产品设计中不允许多个浏览器效果不同,必须统一. <label>网址:</label><input type="url" name="" required><br><br> <label>邮箱:</label><input type=&q

form表单标签及属性的介绍

版权声明:本文为博主原创文章,未经博主允许不得转载. 一. 表单标签 <form></form> 常用属性 Action 跳转到什么页面 Method  以什么模式提交 Get Url有长度限制 IE6.0 url 最大长度 2083个字符 超过无法提交 IE7.0 最大长度 2083个字符 超过最大长度仍然可以提交但是只能提交2083个字符 Opera 9.52 最大长度7648个字符 超过最大长度无法提交 所有提交内容会显示到地址栏位置 很不安全 a标签的跳转方式也是get方式

HTML表单相关的标签

<tabal>应该放在表格里面 提交的应该放在 form  --熟悉  name -名称  action="longin.php"(提交到那里) method="get ,post" title-说明文件<input size="30"-宽度显示长度  maxlength="10"表示显示最多输入10个字符 readonly--只读 value默认是username<input type = "

Html5之高级-3 HTML5表单验证(验证属性、验证状态)

一.验证属性 Required 属性 - Required 属性主要防止域为空时提交表单.该属性不需要设置任何值 - 语法: Pattern 属性 - Pattern 属性的作用是实现元素的验证.它支持使用正则表达式定制验证规则 - 语法: Min 和 Max 属性 - min.max和step属性用于为包含数字或日期的input类型规定限定(约束) - 语法: Minlength 和 Maxlength 属性 - Minlength 和 Maxlength 属性的作用是定制元素允许的最小字符数