表格与表单
表格
<table>
<tr>
<td>......</td>
</tr>
</table>
table 用于定义一个表格,tr用于定义表格中的一行,添加在< table>< /table>之间。td用于定义表格的一列,添加于< tr>< /tr>之间。< table>< /table>中有多少对tr就表示有多少行,< tr>< /tr>中有多少对td,就这一行表示有多少列。
表格的标签
border | 设置边框大小,虚实,颜色等 |
---|---|
width | 设置表格宽度 |
bgcolor | 设置表格背景颜色 |
valign | 表示三种垂直对齐方式 |
align | 设置表格在文档中的对齐方式 |
bgcolor:
有三种表达方式
1、 可以直接英文单词表示颜色
2、 16进制,以#开头,后面会跟6个字符,16进制的基数就是16,每个位置是0到f,
0 1 2 3 4 5 6 7 8 9 A B C D E F #11aaff
三原色:红绿蓝#00 红色00 绿色 00 蓝色
前两个字符:表示红色 中间:绿色 最后:蓝色
3、 rgb方式:html4以后就不用了,后面会用css弥补
rgb(255,0,0) 三个值:红绿蓝
cellpadding
表示内容和格线之间的距离
cellspacing
格线和格线之间的距离
合并行列:
colspan – 关于列的合并
rowspan – 关于行的合并
表单
用于收集用户信息,进行人机交互操作
表单:
一个完整的表单通常由3个部分组成的:表单域、提示文本、表单控件
表单控件:包含了和我说的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示文本:说明性的文字,提示用户填写和操作
表单域:相当于容器,容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所有程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传递到后台服务器。
input控件:
语法:< input type="" name="">
包含元素:文本框、单选按钮、列表框、图片框、复选框等、这些元素统称“控件”
控件的常用属性:
name | 指定控件的名称,可以重复的 |
---|---|
id | 指定标签的唯一标识 |
value | 输入(输入,收集)控件的值 |
checked | 复选框(单选框)默认被选中的组件 |
selected | 列表框默认被选中的项目 |
src | 图片框的路径来源 |
onclick(………) | 鼠标单击事件 – JavaScript(DOM操作) |
disabled | 禁用该控件 |
multiple | 允许多选(适用于普通列表框) |