html 下拉图片列表,图片、表单、下拉选项

图片

src 图片的地址

alt 图片的代替性文字

title 鼠标悬浮时的提示性文字

usemap 定义客服端图像映射

图像映射

title="下载">

shape 形状 ： rect(矩形，需要2个坐标) 、circle(圆形，需要圆心坐标+半径)、play(多边形，几条边几个坐标)

coords 形状的坐标

H5新增图片标签

figure 独立的流文档，通常用于文章中的插图

figcaption 流文档标题

canvas 定义图形

故乡的小芳

表格

信息统计

序号姓名性别年龄

1曹操男452诸葛亮男28

table 表格标签

colgroup 对一列进行统一设置

span 后三列颜色设置相同

caption 表格标题

thead 表格头部

tr 行标签

th 单元格(表头)

tbody 表格主体

td 单元格标签

colspan 跨列

图像	姓名		年龄
	籍贯		性别
	个人描述

rowspan 跨行

tfoot 表格脚

H5新增列表语义

dl / dt / dd 表示对话

menu

menuitem

小明：

小红，明天有空吗

小红：

不约

表单

定义一个 HTML 表单，用于用户输入。

action 提交数据的地址

name 必须有，否则数据无法传递

value 默认值

checked 当type为radio/checkbox的时候，默认选中项目

readonly 定义只读

disabled 禁用

text 文本

password 密码

radio 单选框

男

女

其他

checkbox 复选框

您的财产：

房产

车

银行存款

股票

地

submit 提交按钮

reset 重置按钮

button 按钮

imgage 提交按钮，按钮样式为图片

file 上传文件

请选择要上传的文件

hidden 隐藏内容

HTML5表单

input 新增的type属性值

email:匹配邮箱地址

email :

number:输入值必须是数字 配合的属性 max / min / step

number :

range:取值范围 配合的属性 max/ min / step

range :

search:效果和text一样，专用于搜索框 表示搜索宽 同text

search :

tel 同text 移动设备弹出数字按键

date 日期

date 选取 日 月 年

month 选取月年

week 选取周和年

time 选取时间，小时和分钟

datetime 选取utc时间，日月年

datetime-local 选取本地时间，日月年

color 调出取色面板

time 事件

file 新增了配合的属性 multiple 用来选择多个上传文件

file :

新增表单标签

output 定义输入的类型

datalist 配合 options 与之配合的input元素新增了list属性 值要设为datalist的id值

keygen 定义生成秘钥

output

---

datalist

搜索

---

keygen

新增属性(适用于部分表单控件)

placeholder 默认提示文字

required 必须

autocomplete 设置 off 取消浏览器对输入框的记录

autofocus 自动获取焦点

pattern 验证规则 适合于input

form元素新增的属性

autocomplete 设置 off

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi voluptas odit nulla ad molestiae sunt quo quos nesciunt aliquid laborum, asperiores quidem ducimus esse, consequatur. Voluptatum similique architecto sunt, unde.

novalidate 规定在提交表单时不应该验证 form 或 input 域

下拉选项

文盲

小学

中学

大学

研究生

定义选择列表(下拉列表)

name 必须有

multiple 多选,默认会显示所有,名字要使用数组like[]

disabled禁用

size 显示几个下拉

定义选择列表中的选项

value 提交的值，若没有，则提交内容

selected 定义选中项

disabled 选项禁用

把相关的选项组合在一起

disabled 规定禁用该选项组。

label 为选项组规定描述。

文本域

sLorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos, maiores.

cols 可见宽度

rows 可见行数

readonly 文本区只读

name 必须有

disabled 禁用

其他

我的表单

姓名：

定义 fieldset 元素的标题。 (当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。)

定义围绕表单中元素的边框

定义 fieldset 元素的标题。