如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
第5章表单与特殊对象5.1创建表单5.2创建表单控件5.3设置控件的标签5.4网页中的特殊对象5.1创建表单5.1.1什么是表单表单是用于实现网页浏览者与服务器(或者说网页所有者)之间信息交互的一种页面元素,在WWW上它被广泛用于各种信息的搜集和反馈。例如,图5-1显示了一个用于进行电子邮件系统登录的表单(图中椭圆标记的位置)。图5-1表单示例1图5-2显示了一个稍微复杂的表单,其中包含更多种类的表单控件:文本框、口令框、单选按钮、下拉菜单等。5.1.2表单控件的类型5.1.3FORM标记符5.2创建表单控件5.2.1文本框与口令框以下HTML代码显示了单行文本框和口令框的用法(也包含了表单中必须有的提交按钮),显示效果如图5-3所示。<HTML><HEAD><TITLE>单行文本框和口令框示例</TITLE></HEAD><BODY><DIValign="center"><H2>表单——单行文本框和口令框</H2><HR><FORM>请输入您的姓名:<INPUTname="name"value="yournamepls"size="30"><BR>请输入您的密码:<INPUTtype="password"name="pwd"value="pwd"size="30"><P><INPUTtype="submit"name="submit_button"value="提交"></FORM><HR></DIV></BODY></HTML>5.2.2复选框与单选框以下HTML代码显示了如何在表单中包含多个复选框和单选框,效果如图5-4所示。<HTML><HEAD><TITLE>复选框与单选框示例</TITLE></HEAD><BODY><H2align="center">表单--复选框与单选框</H2><HR><FORM>请输入您的姓名:<INPUTname="name"><P>请选择您的性别:<INPUTtype="radio"name="gender"value="1">男<INPUTtype="radio"name="gender"value="2">女<INPUTtype="radio"name="gender"value="3">东方不败<INPUTtype="radio"name="gender"value="4"checked>不告诉你<P>请选择您的年龄:<INPUTtype="radio"name="age"value="20">20岁以下<INPUTtype="radio"name="age"value="30"checked>20~30<INPUTtype="radio"name="age"value="40">30以上<P>您喜欢什么运动:<INPUTtype="checkbox"name="check1"value="yes"checked>篮球<INPUTtype="checkbox"name="check2"value="yes">足球<INPUTtype="checkbox"name="check3"value="yes">排球<INPUTtype="checkbox"name="check4"value="yes">其他球<Palign="center"><INPUTtype="submit"name="submit_button"value="提交"></P></FORM><HR></BODY></HTML>5.2.3文件选择框以下HTML代码显示了如何在表单中包含文件选择框,效果如图5-5所示。<HTML><HEAD><TITLE>文件选择框示例</TITLE></HEAD><BODY><DIValign="center"><H2>表单—文件选择框</H2><HR><FORM>请选择文件:<INPUTtype=filename=imagesize=20><P><INPUTtype="submit"name="submit_button"value="提交"></FORM><HR></DIV></BODY></HTML>5.2.4按钮图5-6按钮示例以下HTML代码显示了如何在表单中包含各种按钮,效果如图5-6所示。<HTML><HEAD><TITLE>按钮示例</TITLE></HEAD><BODY><DIValign="center"><H2>表单——按钮</H2><HR><FORM><INPUTtype="button"name="mybutton"value="点点我试试!"onClick="JavaScript:alert('呵呵,再点也没用!'