Html表格

一、table标签







1、Tabl属性
(1)tr:行(table row)
(2)td:列 (table data)
(3)th:表格的表头名称,与不同在于文字采用加粗居中的形式显示(table head)
(4)table表格
(5)border边框尺寸
(6)cellspacing单元格间距
(7)cellpadding内容和单元格边框距离
(8)align="center"居中属性
(9)bgcolor背景颜色
(10)width表格的宽度,可以用%或者像素,
(11)caption表格的标题
(12)rowspan单元格竖跨多少行,作用在th或者td上
(13)colspan单元格横跨多少列(即合并单元格),作用在th或者td上
二、
表单标签
1、Form属性
(1)action表单要提交的地址,用于处理表单的内容。
(2)method提交的方法,默认是get方式提交。
(3)get:1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制.
(4)post:1.提交的键值对不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.
三、表单元素
1、input type标签
(1)text文本框输入(默认text文本框类型)。
(2)password密码框。(以下属性text和password共有)
(3)maxlength(type为text或password时,表示输入的最大字符数),有利于防止sql的注入***
(4)radio单选按钮。属性:
 name(将name的值设置为相同值,才表示一组数据,才能实现单选功能)
 value(必须要写,提交到服务器的key值,实际开发过程中value一般是编号)
 checked(是否被选中的状态)
 (5)checkbox复选框。
name(名字一定要一样一样的,才表示是一组数据,添加到同一value值列表提交到服务器)value提交到服务器的key值
checked(是否被选中的状态)
(6)file文件域,上传文件
(7)submit提交按钮,用于提交表单
(8)reset重置按钮,清空表单的输入,恢复到表单默认的状态
(9)button普通按钮
(10)image图片按钮,用来提交表单,与submit是一样的效果src(图片路径)
(11)hidden隐藏字段。
(12)value隐藏的内容
(13)name表单提交项的key
(14)cols(设置文本域宽度)
(15)rows(设置文本域高度,即行数)
三、