资讯专栏INFORMATION COLUMN

HTML5中form的新增属性或元素

kun_jian / 2440人阅读

摘要:新增的表单元素表示任务的完成情况,常用于进度条。表示用户动作产生的结果定义元素的名称其他元素的列表,表明这些元素为计算提供了输入值或其他影响。刻度条表示规定范围内的数量值。

1.新增的表单元素

1.1 progress
表示任务的完成情况,常用于进度条。

max 定义进度元素所要求的任务的工作量,默认值为1

value 定义已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小数。

70%

1.2 output
表示用户动作产生的结果.

name 定义元素的名称 for 其他元素的id列表,表明这些元素为计算提供了输入值(或其他影响)。

1.3 meter
刻度条,表示规定范围内的数量值。

value:在元素中特地表示出来的实际值,该值在min与max之间,如果未指定,该值默认为1

min :指定规定范围时允许使用的最小值,默认为0 max :指定规定范围时允许使用的最大值,默认为1

low :规定范围的下限值必须小于或等于high属性的值 high:规定范围的上限值(表示较高危险的意思)

optimum :最佳值

He got a B on the exam.

1.4 datalist

下拉列表,表示其他控件可用的值,其值通过

2. input的type属性值
在H5中,对input的type进行了扩展,可以有更多的取值

2.1 search 搜索框
2.2 placeholder 提示输入内容
2.3 日期相关:

date 日期控件(年,月,日,不包含时间);
time 时间控件;
datatime 日期时间控件;
month 日期插件(年,月);
week 日期插件(年,周)。

2.4 功能相关:

email email控件
url 地址控件
tel 电话控件

3.提交按钮上新增的属性(记忆)
在H5中,可以将表单内的从属元素书写在页面上的任何地方,然后为该元素指定一个form属性,属性值为该表单的id。

           

3.1 formaction
一般用于提交按钮和图片按钮上,用于指定处理表单提交的后台程序,可以重写form中的action属性。

3.2 formmethod
一般用于提交按钮和图片按钮上,用于指定处理表单的内容类型。

3.3 formenctype
一般用于提交按钮和图片按钮上,用于指定表单的提交方式。

3.4 formtarget
一般用于提交按钮和图片按钮上,用于指定表单提交后在哪里显示响应页面。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54519.html

相关文章

  • HTML5 & CSS3 内容收集(1)

    摘要:标签规定用于表单的密钥对生成器字段。私钥存储于客户端,公钥则被发送到服务器。在发布用户评论或其他您无法完全控制的内容时,该标签很有用。在中一定要执行,否则事件不会被触发。 1. HTML发展历史介绍 showImg(https://segmentfault.com/img/bVQ4jp?w=921&h=437); 2. 浏览器支持 2.1 新增标签支持 在html5 中新增了很多的标签...

    mgckid 评论0 收藏0
  • HTML5元素和语义化标签

    摘要:站点前端开发文档原文元素原文语义化标签元素元素分类块级元素自身属性为的元素,通常使用块级元素进行布局结构的搭建。可以和,,等其他标签结合使用,表示文档结构。表示标签内容之外的,与标签内容相关的辅助信息,元素被用于无关内容。 站点:前端开发文档原文:HTML元素原文:语义化标签 HTML元素 元素分类 块级元素: div、h1-h6、hr、menu、ol、ul、li、dl、dt、d...

    caspar 评论0 收藏0
  • HTML5元素和语义化标签

    摘要:站点前端开发文档原文元素原文语义化标签元素元素分类块级元素自身属性为的元素,通常使用块级元素进行布局结构的搭建。可以和,,等其他标签结合使用,表示文档结构。表示标签内容之外的,与标签内容相关的辅助信息,元素被用于无关内容。 站点:前端开发文档原文:HTML元素原文:语义化标签 HTML元素 元素分类 块级元素: div、h1-h6、hr、menu、ol、ul、li、dl、dt、d...

    史占广 评论0 收藏0
  • HTML5 新特性

    一、HTML5与HTML4 1.1 推出的理由和目标 H5的出现,对于Web来说意义重大。因为他的意图是想要把目前Web上存在的各种问题一并解决掉。 Web浏览器之间的兼容性很低 文档结构不够明确(增加了很多结构, 语义化的标签) Web应用程序的功能受到了限制 H5 的出现极大的解决了上面的问题 1.2 语法的改变 1.2.1 DOCTYPE声明 H5 DOCTYPE的声明是这样的: ...

    王伟廷 评论0 收藏0
  • HTML5 新特性

    一、HTML5与HTML4 1.1 推出的理由和目标 H5的出现,对于Web来说意义重大。因为他的意图是想要把目前Web上存在的各种问题一并解决掉。 Web浏览器之间的兼容性很低 文档结构不够明确(增加了很多结构, 语义化的标签) Web应用程序的功能受到了限制 H5 的出现极大的解决了上面的问题 1.2 语法的改变 1.2.1 DOCTYPE声明 H5 DOCTYPE的声明是这样的: ...

    mylxsw 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<