h5新增的属性php,HTML5中form的新增属性或元素

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

下拉列表，表示其他控件可用的值，其值通过作为datalist的子元素存在

![图片描述][3]

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

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

h5新增的属性php,HTML5中form的新增属性或元素相关推荐

html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
html中form标签的作用style,HTML5中meta常用标签属性说明
HTML5中meta常用标签属性说明 IE 兼容模式,Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此标签加入到你的页面中: content属性 ...
html5自动完成是什么,HTML5中form如何关闭自动完成功能的方法
什么是HTML5的form自动完成功能? 首先,HTML5 中有个新属性autocomplete ,autocomplete 属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入 ...
设置框开始隐藏状态html5,小猿圈分享HTML5中form如何关闭自动完成功能的方法
WEB前端现在是时下较火的编程语言之一,但是对于怎么学习或者学习哪些内容很多朋友都是不了解的,针对以上内容小猿圈web前端讲师总结了form如何关闭自动完成功能的方法?希望对你的前端学习有一定的帮助. ...
HTML5中拖动功能的添加属性,html5中可拖动dragable属性及其他成员的讲解
html5中可拖动dragable属性及其他成员的讲解发布时间:2020-04-22 11:08:02 来源:亿速云阅读:350 作者:小新这篇文章主要为大家详细介绍了html5中可拖动drag ...
vue3-video-play视频组件的使用（一）——基本使用 HTML5中Video标签的属性、方法和事件汇总
vue3-video-play视频组件的使用(一)--基本使用 & HTML5中Video标签的属性.方法和事件汇总 npm地址:https://www.npmjs.com/package/v ...
a jquery 标签点击不跳转_form标签的action属性怎么用？form标签action属性的用法介绍（附实例）...
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...
form标签的action属性怎么用？form标签action属性的用法介绍（附实例）
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...
php中li标签,li标签有哪些属性？css中li标签的属性详解
在html中,我们经常会遇到li标签,那么li标签有哪些属性?下面我们来了解一下css中li标签的属性. 一:标签有哪些属性在html中,使用css中li标签来控制样式,很多网站上都是点为开头,也有 ...

h5新增的属性php,HTML5中form的新增属性或元素

h5新增的属性php,HTML5中form的新增属性或元素相关推荐

最新文章

热门文章