HTML学习笔记B七

来源:互联网 发布:js实现点击显示隐藏 编辑:程序博客网 时间:2024/04/28 18:13

 表格的嵌套
–         在<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形式提交。