第四天,表格与表单

表格的基本结构:

1.<table></table> border(代表表格边框)=”0” cellspcing(单元格与单元格之间的距离)=”0”

定义表格的基本框架:

2.<tr></tr>

定义表格的行:

3.<td></td>

定义表格中行内的单元格:

4.<th></th>

定义表格中行内的单元格(标题),自动将文本加粗,居中对齐

cellpaddin=”0”字跟四周单元格距离

cellspacing=”0”单元格与单元格之间的距离

bordecolor=””边框颜色

bgcolor=””改单元格背景的颜色,可以单独改变表格背景的颜色

单元格水平方向对齐方式   align=”center”  表格内字体居中

=”left”     左对齐

=”right ”    右对齐

单元格垂直方向对齐方式    valign=”top”     顶上对齐

                               =”bottom或者middle”下不对齐

生成三行四列的快捷方式

table>tr*3>td*4+th*2

table>tr*3>td*4>{单元格}

rules 代表内侧的边框

值为none 表示没有边框

值为rows 位于行之间的线条可见

值为cols 位于列之间的线条可见

值为all行列都有

表格的合并:

• 使用colspan属性

左右合并单元格

2.使用rowspan属性

上下合并单元格

什么是表单

表单是用来采集用户的输入数据，然后将数据提交给服务器

表单的组成

一个表单有三个基本组成部分：

• • 表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。
  • 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
  • 表单按钮：包括提交按钮、复位按钮和一般按钮；

form  用来表示采集数据的范围

action 行为 动作 数据提交路径

method  方法 方式 数据提交的方式

input(输入)

type(类型)

type=”text” 输入框

value   input内的初始值

name 名字有提醒,显示历史记录

placeholder 输入框里面的提醒文本

get 获取 得到 可以再地址栏看到

post 在地址难看不到(私密的信息用到)

<input type="submit" name="" id="" value="登录" /> 提交按钮

<input type="password" name="um" id="" value="" placeholder="密码"/> password登录时看不到密码

<input type="raset" name="" id="" value="重置" /> 重置密码         

<input type="button" name="" id="" value="自定义按钮(自定义功能)" />

maxlength 最大输入的字符数