一、表格的标签及属性
1.表格table属性
属性 | 功能解释 |
---|---|
Width、height | 设置宽高,单位是像素(px)或百分比 |
align | 定义表格对齐方式 |
border | 设置外边框厚度 |
bgcolor | 设置表格背景颜色 |
background | 设置背景图片 |
Cellspacing | 单元格间距(单元格和单元格的距离) 一般情况写0 |
Cellpadding | 单元格边距(表格边框与内容的距离) 一般情况写0 |
2.表格table的行(tr)属性
属性 | 功能解释 |
---|---|
align | 定义表格行对齐方式 |
bgcolor | 设置表格行的背景颜色 |
valign | 规定表格内容中垂直对齐方式 |
char | 规定根据那个字符来进行文本对齐 |
3.表格table的列(td)属性
属性 | 功能解释 |
---|---|
Width | 设置单元格宽度 |
align | 定义表格行对齐方式 |
bgcolor | 设置表格列的背景颜色 |
char | 规定根据那个字符来进行文本对齐 |
Colspan | 水平合并 合并多列 |
rowspan | 垂直合并 合并多行 |
contentEditable | 设置单元格为可编辑文本 |
valign | 设置单元格内容的垂直排列方式 |
4.表格table的表头(th)属性
th是特殊的单元格
文字会自动加粗、居中。它的用法是取代td的位置即可
二、表单的标签及属性
1.表单from属性
属性 | 功能解释 |
---|---|
action | 设置表单的提交地址(表单提交的url)指定表单提交后由服务器上的哪个处理程序进行处理 |
method | 设置表单的提交方法, 属性值为get、post提交方式 |
name | 设置表单的名称 |
target | 设置表单的打开方式, 属性值可以是_blank、_self。_self在原窗口中打开,为默认值 |
enctype | 默认编码 或者指定二进制流 【附件的提交形式】 |
method | 值为get:它是通过URL来传递表单数据的,表单元素的数据在地址栏可见,而且有大小限制,传数据量小一般不大于2KB |
method | 值为post:它是通过请求正文传递表单数据的,URL不可见表单元素数据,比较安全,而且没有大小限制,但往往服务器会控制 |
2.常用表单控件代码格式
//
//文本框:主要用于输入单行文本内容。
姓名:<input type="text" />
账号:<input type="text" name="username" value="yolanda" readonly="readonly" /><br>
//
//密码框:主要用于输入一些保密信息,代码格式如下:
密码:<input type="password"/>
<label for="mm">密码:</label>