HTML5 表单使用方法介绍:[3]表单属性

HTML5 表单属性使用方法介绍

操作方法

  • 01

    form 属性: autocomplete novalidate

  • 02

    input 属性: autocomplete autofocus form form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) height 和 width list min, max 和 step multiple pattern (regexp) placeholder required

  • 03

    浏览器支持

  • 04

    autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。 注释:autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。 当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

  • 05

    autofocus 属性规定在页面加载时,域自动地获得焦点。 注释:autofocus 属性适用于所有 <input> 标签的类型。

  • 06

    form 属性规定输入域所属的一个或多个表单。 注释:form 属性适用于所有 <input> 标签的类型。 form 属性必须引用所属表单的 id:

  • 07

    表单重写属性(form override attributes)允许您重写 form 元素的某些属性设定。 表单重写属性有: formaction - 重写表单的 action 属性 formenctype - 重写表单的 enctype 属性 formmethod - 重写表单的 method 属性 formnovalidate - 重写表单的 novalidate 属性 formtarget - 重写表单的 target 属性 注释:表单重写属性适用于以下类型的 <input> 标签:submit 和 image。

  • 08

    height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。 注释:height 和 width 属性只适用于 image 类型的 <input> 标签。

  • 09

    list 属性规定输入域的 datalist。datalist 是输入域的选项列表。 注释:list 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, date pickers, number, range 以及 color。

  • 10

    min、max 和 step 属性 min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。 max 属性规定输入域所允许的最大值。 min 属性规定输入域所允许的最小值。 step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)。 注释:min、max 和 step 属性适用于以下类型的 <input> 标签:date pickers、number 以及 range。 下面的例子显示一个数字域,该域接受介于 0 到 10 之间的值,且步进为 3(即合法的值为 0、3、6 和 9):

  • 11

    multiple 属性规定输入域中可选择多个值。 注释:multiple 属性适用于以下类型的 <input> 标签:email 和 file。

  • 12

    novalidate 属性 novalidate 属性规定在提交表单时不应该验证 form 或 input 域。 注释:novalidate 属性适用于 <form> 以及以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, range 以及 color.

  • 13

    pattern 属性规定用于验证 input 域的模式(pattern)。 模式(pattern) 是正则表达式。您可以在我们的 JavaScript 教程中学习到有关正则表达式的内容。 注释:pattern 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password。 下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符):

  • 14

    placeholder 属性提供一种提示(hint),描述输入域所期待的值。 注释:placeholder 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password。 提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失:

  • 15

    required 属性规定必须在提交之前填写输入域(不能为空)。 注释:required 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

(0)

相关推荐

  • HTML5 表单使用方法介绍:[2]表单元素介绍

    HTML5 表单元素使用方法介绍 操作方法 01 HTML5 拥有若干涉及表单的元素和属性. datalist keygen output 02 浏览器支持 03 datalist 元素 datali ...

  • 如何进入计算机注册表编辑器?进入注册表两种方法介绍

    注册表是Microsoft Windows中的一个重要的数据库,用于存储系统和应用程序的设置信息。要手动进入编辑注册表,就需要使用注册表编辑器。那么如何进入计算机注册表编辑器?这个应该算是简单的问题了 ...

  • win10怎么限制远程修改注册表? 三种方法介绍

    电脑上网复杂,有黑客经常攻入我们的电脑,修改注册表或植入病毒,真是防不胜防.我们有必要对自己电脑的系统设置,限制远程计算机修改本机的注册表.Windows10系统计算机如何限制远程计算机修改本机注册表 ...

  • 教你如何设置打印机连续打印销售单/快递单的方法

    刚安装上针式打印机时,真的不知道这个连续打印销售单怎么设置,查看了很多资料,写的是很详细,很多专业术语和操作,最终经过自己的摸索,自己总结了一套设置打印机连续打印销售单、快递单的方法,很实用、简单、快 ...

  • 微信万能表单怎么做?微信公众号表单制作方法

    微信万能表单怎么做?今天就跟大家分享一下本人如何利用制作表单在其中加入订单.预约.登记.投诉.反馈等功能.商家可以通过这种方式让粉丝在线|填写一些信息,达到预约或者报名的目的. 工具: 微享宝平台 微 ...

  • 隐藏地Excel工作表的方法介绍

    在Excel中,通常隐藏工作表的操作方法如下: 把需要隐藏的工作表激活成当前工作表,执行一下“格式→工作表→隐藏”命令,即可将其隐藏起来。 这样隐藏的工作表,通过执行“格式→工作表→取消隐藏”命令,打 ...

  • Win10注册表在哪里?Win10注册表编辑器打开方法图文介绍

    在Windows系统中,注册表是Microsoft Windows中的一个重要的数据库,用于存储系统和应用程序的设置信息。以下是Win10注册表编辑器怎么打开方法介绍。 Win10注册表编辑器怎么打开 ...

  • 如何清理注册表垃圾 金山卫士清理注册表方法介绍

    电脑用的时间长了,垃圾自然就多了。平常我们常常清理垃圾文件,为了让电脑性能更好。但是经常清理一下注册表也是很有必要。那么如何清理注册表垃圾?本文就为大家介绍金山卫士清理注册表方法,希望对大家有所帮助。 ...

  • 在EXCEL表格中使用透视表方法介绍

    EXCEL表格可以说使我们最常用的一个办公软件了,透视表可以让我们更加清晰的看到我们在数据源中需要的部分的数据,可以节约大量的时间,这样分析出来的数据也比较的准确,更加浅显易懂,今天我就来给大家介绍一 ...