表单

元素定义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>元素定义不同类型的输出,比如脚本的输出

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,482评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,377评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,762评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,273评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,289评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,046评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,351评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,988评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,476评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,948评论 2 324
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,064评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,712评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,261评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,264评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,486评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,511评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,802评论 2 345

推荐阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 903评论 0 1
  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,410评论 2 14
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 2,004评论 2 8
  • HTML 表单用于搜集不同类型的用户输入。 1.<form> 元素:<form> 元素定义 HTML 表单 1.<...
    饥人谷_兔子君阅读 330评论 0 0
  • form简介 是HTML中的一个元素,它表示文档中的一个区域,这个区域包含了交互控件,用于向web服务器提交信息。...
    七里之境阅读 1,318评论 0 1