版权所有 © 2007-2017 致远建站 冀ICP备14009060号-1

html5表单新增标签及其属性

致远建站 > 网站前端开发 > 前端开发教程 > html5+css3教程教程 > html5表单新增标签及其属性
2017-05-24 22

html5新增表单属性

属性

描述

autocomplete

on off

autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。

autofocus

autofocus

属性规定当页面加载时 <input> 元素应该自动获得焦点。

form

form_id

form 属性规定 <input> 元素所属的一个或多个表单。

formaction

URL

属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")

formenctype

application/x-www-form-urlencoded multipart/form-data text/plain

属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。

formmethod

get post

定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")

formnovalidate

formnovalidate

formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。

formtarget

_blank _self _parent _top framename

规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")

height

pixels

规定 <input>元素的高度。(只针对type="image")

list

datalist_id

属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。

max

number date

属性规定 <input> 元素的最大值。

min

number date

属性规定 <input>元素的最小值。

multiple

multiple

属性规定允许用户输入到 <input> 元素的多个值。

pattern

regexp

pattern 属性规定用于验证 <input> 元素的值的正则表达式。

placeholder

text

placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。

required

required

属性规定必需在提交表单之前填写输入字段。

step

number

step 属性规定 <input> 元素的合法数字间隔。

type

color 定义拾色器
date 定义 date 控件(包括年、月、日,不包括时间)
datetime 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。
datetime-local 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)
email 定义用于 e-mail 地址的字段。
month 定义 month 和 year 控件(不带时区)。
number 定义用于输入数字的字段。
range 定义用于精确值不重要的输入数字的控件。
search 定义用于输入搜索字符串的文本字段。
tel 定义用于输入电话号码的字段。
time 定义用于输入时间的控件(不带时区)。
url 定义用于输入 URL 的字段。
week定义 week 和 year 控件(不带时区)。

type 属性规定要显示的 <input> 元素的类型。

width

pixels

width 属性规定 <input> 元素的宽度。 (只针对type="image")

list:

 <input list="browsers">
<datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Google Chrome">
    <option value="Opera">
    <option value="Safari">
</datalist>

max&min:

 <input type="date" name="bday" max="1979-12-31">
<input type="date" name="bday" min="2000-01-02">
<input type="number" name="quantity" min="1" max="5">
multiple:
选择图片: <input type="file" name="img" multiple>

pattern:
<input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

placeholder:
<input type="text" name="fname" placeholder="First name">

required:
<input type="text" name="usrname" required>

step:
<input type="number" name="points" step="3">

range:
<input type="range" min="0" max="10" value="5" step="0.1">

这个还不错哦~赏你点小钱吧!
支付宝打赏
微信打赏