form img a input 由表及里

<form>

accept-charset

由空格作为分隔符的包含了服务器支持的字符串编码的列表。默认值为unknown,也即包含这个form元素的文档相同的编码。

action

一个处理这个form信息的程序所在的url(后端接口),这个值可以被<button>或者<input>元素中的formaction属性覆盖。

autocomplete

用于指示input元素是否拥有一个由浏览器自动补全的默认值。这个值可以被属于这个form的子元素的autocomplete属性覆盖。取值有on和off。

enctype

当method属性值为post时,enctype是提交给服务器的内容的MIME类型。可取的值有:application/x-www/form-urlencoded(默认)、mutipart/form-data(用于type=file)、text/plain(HTML5)。这个值可以被或者元素中的formenctype属性覆盖。

method

浏览器使用这种HTTP方法提交form,可取的值有post get。这个值可以被<button>或者<input>元素中的formmethod属性覆盖。

name

在HTML5中,name必须唯一而不仅仅是一个空字符串。

target

规定表单提交后,用户收到的回复显示在何处,值同a标签target属性值。这个值可以被<button>或者<input>元素中的formmethod属性覆盖。

--------------------------------------------------------------------------------------------------------------------

<img>

alt

定义了描述图像的替换文本

crossorigin

该枚举属性是否必须使用CORS完成相关图像的抓取,可取的值有anonymous use-credentials。未显示设置该属性时,默认不使用CORS发起请求。

height

图像的高度,在HTML5中的单位是css像素。

sizes

表示资源大小的以逗号隔开的一个或多个字符串。每一个资源大小包括:一个媒体文件和一个资源尺寸的值。

src

srcset

以逗号分隔的一个或多个字符串列表表明一系列用户代理可能使用的图像。每一个字符串由以下组成:一个图像的URL&一个宽度描述符 一个像素密度符(可选)。是HTML5的

width

图像的宽度。

usemap

--------------------------------------------------------------------------------------------------------------------

<a>

download

此属性指示浏览器下载URL而不是导航到它。因此将提示用户将其保存为本地文件。如果属性有一个值,那么它将在Save提示符中作为预填充的文件名使用

href

包含超链接指向的URL或URL片断。

hreflang

该属性用于指定链接文档的人类语言。

rel

该属性指定了目标对象到链接对象的关系。该值是空格分割的列表类型值。常用rel="nofollow"取消搜索引擎对内容的爬取。

target

该属性指定在何处显示链接的资源。

type

该属性指定在一个MIME type链接目标的形式的媒体类型。

锚点标签常常通过将href属性设置为‘#’或‘JavaScript:void(0)’来创造一个能阻止页面刷新的伪按钮的方式。建议使用<button>代替。

--------------------------------------------------------------------------------------------------------------------

<input>

type

可用的值:button checkbox color date datetime datetime-local emial file hidden image month number password radio range reset search submit tel text time url week

autocomplete

这个属性表示这个空间的值是否可被浏览器自动填充。如果type属性的值是hidden checkbox radio file 或为按钮类型button submit reset image,则本属性被忽略。可取的值:off on name given-name family-name email username current-password country tel photo等。

autofocus

这个布尔属性允许您指定的表单控件在页面加载时具有焦点,文档中只有一个表达元素可以具有autofocus属性,如果type属性设置为隐藏则不能应用。

autosave 

这个属性的取值是唯一的,如果type属性值为search,在页面重新加载之后下拉列表会存有之前的搜索项。

checked 

如果该元素的type属性的值为radio或者checkbox,则该布尔属性的存在与否表明了该控件是否是默认选择状态。

disabled

这个布尔属性表示此表单控件不可用。在禁用的控件中,click事件将不会被分发。禁用控件的值在提交表单时也不会被提交。如果type属性为hidden,此属性将被忽略。

form

如果要指定form元素外的input元素的从属关系,可用通过该属性设置为需要关联的form元素的id。

formaction

在type类型为submit或者image的情况下,起设置处理input提交内容的URI作用。设置后会覆盖所属表单的action属性。

formenctype

如果type类型为submit或者image,该属性明确了向服务器提交内容的类别。可取的值有:application/x-www-form-urlencoded(默认值)| mutilpart/form-data(type为file时使用)| text/plain。该属性设置后会覆盖其从属form元素的enctype值。

formmethod

在type类型为submit或者image的情况下,该属性定义了浏览器提交表单的HTTP方法。可取的值有:post get。

formnovalidate

在type类型为submit或者image的情况下,该布尔属性定义了该表单在提交是否会被验证。该属性被定义时,会覆盖其从属form元素的novalidate属性。

formtarget

定义在何处显示提交成功后的返回值。可取的值有:_slef | _blank | _parent | _top。

height

如果type属性的值是image,这个属性定义了按钮图片的高度。

max

此项目的最大(数字或日期时间)值,且不得小于其最小值(min属性)值。

maxlength

当type值为text | email | search | password | tel | url 时,该属性指明了用户最多可以输入的字符个数,其他类型会被忽略。

min

此项目的最小(数字或日期时间)值,且不得大于其最大值(min属性)值。

mutiple

在type值为email  | file 时,定义用户能否输入多个值。

name

控件的名称,与表单数据一起提交。

pattern

当type值为text | search | tel |url email 时,检查控件值的正则表达式。pattern必须匹配整个值,而不仅仅是某些子集。

placeholder

当type属性为text | search | tel | url |email 时,起提示用户输入框的作用,用于提示的占位符文本不能包含回车或换行。

readonly

这个布尔属性用于指明用户无法修改空间的值。

required

该属性指定用户在提交表单之前必须为该元素填充值。可以和:optional :required css伪元素配合使用。

size

控件的初始大小,以像素为单位。当type值为text password时,他表示输入的字符的长度。

从HTML5开始,此属性仅适用type值为 text | search | tel | url | email | password。未指定大小,则默认为20。

spellcheck

将此属性的值设置为true表示元素需要检查其拼写和语法。值default表示该元素将根据默认行为进行操作,可能基于父元素自己的spellcheck值。值false表示不应该检查元素。

src

如果type值为image,该属性指定按钮图片的路径。

step

设置min和max属性的值增量。可以是任意字符串或是正浮点数。

tabindex

元素在当前文档的Tab导航顺序中的位置。

value

控件的初始值。type为radio和checkbox时必须设置。

width

如果type属性的值是image,这个属性定义了按图片的宽度 。

EOF

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

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 3,815评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,579评论 18 139
  •   JavaScript 最初的一个应用,就是分担服务器处理表单的责任,打破处处依赖服务器的局面。   尽管目前的...
    霜天晓阅读 656评论 0 3
  • 七、直接沟通的能力 当沟通的基础建立在主动倾听和强有力问题上时,员工确定直接沟通而产生的反馈是被尊重和恰当的。企业...
    程锘gr阅读 96评论 0 0
  • 06219王婷婷 著:康娜莉娅·莫得·斯贝蔓 绘:凯茜·帕金森 译:黄雪妍 害怕是每个人都有的感觉,有时看到小朋友...
    06219王婷婷阅读 314评论 0 0