表格的嵌套
– 在<td> </td>之间插入表格,实现表格嵌套
例:17.htm
– 表格的作用一般只是控制文本和图像的显示,而不显示表格的边框
– 表单(FORM)标记
– HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。
– 在HTML里,我们可以定义表单,并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。
– 表单是网页上的一个特定区域。这个区域是由一对<form>元素定义的。
– <form>元素
– action属性:用来定义表单处理程序(一个ASP、CGI等程序)的位置(相对地址或绝对地址)。
– Method定义表单结果从浏览器传送到服务器的方法,一般有两种方法:get、post。
– 表单的基本语法:
<form action="url" method=* type=text/plain>
...
<input type=submit>
<input type=reset>
</form>
* =GET有数据量限制,POST无以上限制,以文件形式传输
文本框
<input name=? type=* value=** size=*** maxlength=??>
? à文本框的名字
* à text,password
** à默认值
***à长度
?? à最大输入字符数
文本域
– <textarea name=* rows=** cols=**> ... </textarea>
例:20.htm
按钮
– 包括普通按钮、重置按钮和提交按钮
<input type="submit" FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">提交" name=“B1">
<input type="reset" FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">全部重写" name=“B2">
5.复选框(Checkbox)
– 在一个表单里的所有多选框可以有一个或多个被选中。
<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>
? 6.单选框(RadioButton)
– 一个表单里的所有变量名相同的单选框只能够有一个被选中。
<input type=radio name=sex value=**>
<input type=radio name=sex value=** checked>
– 各个选项的name必须一样才能达到预期效果
例:26.htm
? 7.下拉列表
– 基本语法
<select name=*>
<option selected>说明</option>
<option value=**>说明2 </option>
</select>
? 7.下拉列表
– (2)列表框的长度
<select size=**>
– (3)允许多选
<select size=** multiple>
? 8.图象域
– <input type=image src=url>
? 表单(FORM)标记
? 综合练习(*)
? 实现留言簿
– 要求:背景、文字颜色、字体、换行、页面标题、表单文本框、文本域、单选框、复选框、下拉列表、图象域、提交与取消按钮,内容以mail形式提交。