表单

作者: 风两般的男人 | 来源:发表于2016-12-25 23:17 被阅读15次

    元素定义HTML表单

    action属性定义在提交表单时执行的动作

    method属性规定在提交表单时所用的HTTP方法(GET或POST)

    Name属性:如果要正确地被提交,每个输入字段必须设置一个name属性

    属性描述

    accept-charset规定在被提交表单中使用的字符集(默认:页面字符集)。

    action规定向何处提交表单的地址(URL)(提交页面)。

    autocomplete规定浏览器应该自动完成表单(默认:开启)。

    enctype规定被提交数据的编码(默认:url-encoded)。

    method规定在提交表单时所用的 HTTP 方法(默认:GET)。

    name规定识别表单的名称(对于 DOM 使用:document.forms.name)。

    novalidate规定浏览器不验证表单。

    target规定 action 属性中地址的目标(默认:_self)。

    <fieldset>元素组合表单中的相关数据

    <legend>元素为<fieldset>元素定义标题

    <input>是最重要的表单元素

    <input type="test">定义用于文本输入的单行输入字段

    <input type="radio">定义单选按钮

    <input type="submit">定义用于向表单处理程序(form-handler)提交表单的按

    <input type="password">定义密码字段

    <input type="checkbox">定义复选框

    <input type="button">定义按钮

    <input type="number">用于应该包含数字值的输入字段

    <input type="date">用于应该包含日期的输入字段,日期选择器会出现输入字段中

    <input type="color">用于应该包含颜色的输入字段,颜色选择器会出现输入字段中

    <input type="range">用于应该包含一定范围内的输入字段,输入字段能够显示为滑块控件

    <input type="month">允许用户选择月份和年份,日期选择器会出现输入字段中

    <input type="week">允许用户选择周和年,日期选择器会出现输入字段中

    <input type="time">允许用户选择时间(无时区),时间选择器会出现输入字段中

    <input type="datetime">允许用户选择日期和时间(有时区),日期选择器会出现输入字段中

    <input type="datetime-local">允许用户选择日期和时间(无时区),日期选择器会出现输入字段中

    <input type="email">用于应该包含电子邮寄地址的输入字段,能够在被提交时对电子邮件地址进行验证

    <input type="seach">用于搜索字段(搜索字段的表现类似常规文本字段)

    <input type="tel">用于应该包含电话号码的输入字段

    <input type="url">用于应该包含URL地址的输入字段

    <input type="file">用于上传文件

    value属性规定输入字段的初始值

    readonly属性规定输入字段为只读(不能修改 不需要值)

    disabled属性规定输入字段是禁用的(不需要值)

    size属性规定输入字段的尺寸(以字符计 就是长度)

    maxlength属性规定输入字段允许的最大长度

    autocomplete属性规定表单或输入字段是否应该自动完成,挡自动完成开启,浏览器会基于用户之前的输入值自动填写值

    novalidate属性属于属性,如果设置,则novalidate规定在提交表单时不对表单数据进行验证

    autofocus属性时布尔值,如果设置,则规定当页面加载时元素应该自动获得焦点

    form属性规定元所属的一个或多个表单,

    formaction属性规定到提交表单时处理该输入控件的文件的URL,覆盖元素的action属性,适用于type="submit"以及type="image"

    formenctype属性规定当把表单数据(form-data)提交至服务器时对其进行编码(仅针对method="post"的表单),覆盖元素的enctype属性,适用于type="submit"以及type="image"

    formmethod属性定义用以向action URL发送表单数据(form-data)的HTTP方法,覆盖元素的method属性,适用于type="submit"以及type="image"

    formnovalidate属性是布尔属性,如果设置,则规定在提交表单时不对元素进行验证,formnovalidate属性覆盖元素的novalidate属性,formnovalidate属性克用于type="submit"

    formtarget属性规定的名称或关键词指示提交表单后再何处显接收到的响应,覆盖元素的target属性,formtarget属性可与type="submit"和type="image"使用

    height和width属性规定元素的高度和宽度,仅用于

    list属性引用的元素包含了元素的预定义选项

    min和max属性规定元素的最小值和最大值,适用于如需输入类型:number、range、date、datetime、datetime-local、month、time以及week

    multiple属性是布尔属性,如果设置,则规定允许用户在元素中输入一个以上的值,适用于以下输入类型:email和file

    pattern属性规定用于检查元素值得正则表达式,适用于以下输入类型:text、search、url、tel、email、password

    placeholder属性规定用于描述输入字段预期值的提示(样本值或有关格式的简短描述),该提示会在用户输入值之前显示在输入字段中,适用于以下输入类型:text、search、url、tel、email、password

    required属性是布尔属性,如果设置,则规定在提交表单之前必须填写输入字段,适用于以下输入类型:text、search、url、tel、email、password、date pickers、number、checkbox、radio、file

    step属性规定元素的合法数学间隔

    <select>元素(下拉列表)

    <option>元素定义待选择的选项

    <textarea>元素定义多行输入字段(文本域)

    <button>元素定义可点击的按钮

    <datalist>元素为元素规定预定义选项列表

    <keygen>元素规定用于表单的密钥对生成器字段,当提交表单时,私钥储存在本地,公钥发送到服务器

    <output>元素定义不同类型的输出,比如脚本的输出

    相关文章

      网友评论

          本文标题:表单

          本文链接:https://www.haomeiwen.com/subject/dzbdvttx.html