20160405 结构标记、表单、input属性

HTML结构标记（有兼容性问题，大型网站很少用）（优势：语义化、结构化页面）

html文档

头部 header/header

主体 section/section

底部 footer/footer

导航 nav/nav 主导航

边栏 aside/aside

引用 article/article

表单用于显示、收集信息

form/form 没有form没法用submit提交

input type="submit" value="提交"/ 提交按钮

input type="..." value="..." 表单类型和赋值

input type="..." value="..." name="..." maxlength="..." readonly disabled size="..." 制作表单必备属性

input type="file"/文件域（添加文件）

input属性

type（text\password\submit\button\checkbox\radio\reset）定义控件内容

文本框/密码框/ 提交/ 按钮 /复选框 /单选框/重置

button.../button 定义按钮文字

hidden 隐藏域 添加可以提交但用户看不到的内容

value为赋值元素（定义文本框默认值、定义按钮内容、定义单选框时表示单选框名字）

name="" 为控件命名，没有name表单无法提交

maxlength 定义文本框最大输入字符数

readonly 只读（文本框内初始内容只能看不能删）

disabled 禁用 （会禁用文本框，若添加在按钮上，按钮会禁用）

size 定义文本框长度

required 必须填写

radio 的name属性必须一样，否则无法实现单选

checkbox 的name属性不一样时，可以不要value，当name属性一样时，必须要有value

checked 的属性表示默认已选择

一组单选框只能有一个组名

textarea name="" rows="" cols="".../textarea文本域（可以填写多行文字 ）

...为初始值

select name="学历"

option selected请选择你的学历/option selected表示默认选项

option博士/option

option硕士/option

option本科/option

option大专/option

option高中/option

/select

multiple 下拉单可以选择多个 size定义菜单的行数 selected表示默认选项

form name="login" method="get/post" action=""/form

method 定义表单提交方式

get 在地址栏显示密码等详细情况，保密性差，能容纳字符少

post 将信息打包发送，不显示，保密性强，适合传输大量信息

action 用来指示表单的提交（提交给谁）

iframe 浮动框架 （width height src文件路径 frameborder 0/1 框架边框 name为框架名，可以在链接中用target指向该目标）

iframe..../iframe中间的内容用来代替在浮动框架没发生显示时提示用户

details（仅chrom能用）摘要与细节

summary 定义摘要

meter（仅chrom和火狐能用）

value 当前值

min 最小值

Max 最大值

time 定义一个时间

mark 定义高亮

fieldset

legend/legend

/fieldset 控件分组