HTML标签属性与交互元素

标签属性

通用属性

• id
  • 元素唯一标识符
• class
  • 样式类名
• style
  • 行内CSS
• title
  • 鼠标悬停提示文本

自定义属性

• data-*
  • HTML5规范：存储私有数据
  • 例：data-src（缩略图原图地址）

表格标签

table结构

• 基本元素
  • table：表格容器
  • tr：行
  • td：单元格
• 语义化分段
  • thead：表头
  • tbody：主体
  • tfoot：页脚

表格属性

• 外观
  • border：边框粗细
  • width：宽度
  • align：对齐方式
• 间距
  • cellpadding：单元格内边距
  • cellspacing：单元格间距

单元格合并

• rowspan
  • 纵向跨行数
• colspan
  • 横向跨列数

表单标签

form属性

• 提交控制
  • action：数据接收URL
  • method：发送方式（GET|POST）
• 命名
  • name：表单名称

输入控件

• input类型
  • text：单行文本
  • password：掩码密码
  • radio：单选（checked布尔值）
  • checkbox：多选（checked布尔值）
  • submit：提交按钮
  • reset：重置按钮
  • file：文件选择
• 多行与按钮
  • textarea：多行文本域
  • button：可编程按钮（type=button|submit|reset）
• 下拉选择
  • select：下拉菜单
  • option：可选项

通用控件属性

• 状态
  • readonly：只读
  • disabled：禁用
• 数据
  • name：字段名
  • value：初始值

内联框架

iframe属性

• 源与名称
  • src：嵌套文档URL
  • name：框架标识
• 尺寸与边框
  • width|height：宽高
  • frameborder：边框（0无1有）
  • scrolling：滚动条（yes|no|auto）