令中国铁道出版社 6.1HTML表 6.1.1HTM表单的定义 HTML表单是以<orm标记来定义,它内置的属 性中以 Action和 Method为最重要。其中 Action定义 Server端执行的应用程序名称; Method则用以定义 Server与应用程序数据的传递方式。<form>标记的语 法如下。 <FORM ACTION= "login. asp"METHOD="post"> <FORM>
6 6.1 HTML表单 • 6.1.1 HTML表单的定义 HTML表单是以<form>标记来定义，它内置的属 性中以 Action 和 Method 为最重要。其中 Action 定义 Server 端执行的应用程序名称；Method 则用以定义 Server 与应用程序数据的传递方式。<form> 标记的语 法如下。 <FORM ACTION="login.asp" METHOD="post"> ： </FORM>
令中国铁道出版社 6.1HTML表 6.12表单对象的定义 在图形化的用户界面中,系统提供许多内置的标准 用户界面,例如 Check Box、 RadioButton、 TextBox、 ComboBox、 ListBox及 Button等,让表单提供比静态网 页更丰富和更具亲和力的用户界面,如下图所示。 表单控件(单选按钮)- licrosoftInternetExplorer回区 文件②)编辑)查看D收藏)工具①)帮助a 后退·9·P搜索女收激来e|,回, 地址02012转到 美国总统大选问卷调查 选人:⊙布什O克里 年龄:◎2130◎31^404150◎51^60◎61以上 性别:◎女⊙男 白完毕 Internet (7
7 6.1 HTML表单 • 6.1.2 表单对象的定义 在图形化的用户界面中，系统提供许多内置的标准 用户界面，例如CheckBox、 RadioButton、TextBox、 ComboBox、ListBox及Button等，让表单提供比静态网 页更丰富和更具亲和力的用户界面，如下图所示
令中国铁道出版社 6.1HTML表 6.1.3提交按钮的配置 HTML表单至少会含有—个“提交”按钮,让用 户在输入各项字段的内容后,提交数据至 Serveri端的 应用程序。在HML表单中,通常我们在网站上至少 会看到两种按钮,一种是提交( Submit按钮,另—种 则是重置( Reset)按钮,其语法如下 < cinput type" submit"name="send" value="提交" input type-" reset"name=" clear" value="重置
8 6.1 HTML表单 • 6.1.3 提交按钮的配置 HTML表单至少会含有一个“提交”按钮，让用 户在输入各项字段的内容后，提交数据至Server端的 应用程序。在HTML表单中，通常我们在网站上至少 会看到两种按钮，一种是提交(Submit) 按钮，另一种 则是重置(Reset)按钮，其语法如下： <input type="submit" name="send" value="提交"> <input type="reset" name="clear" value="重置">
令中国铁道出版社 6.2会员登最范 为了让读者了解HTM表单的应用,我们以会员登 录表单( Cogin. htm为例,示范HIM表单的编写方 会员登录表单的HIM源代码(ch62m如下 <HTML> <HEAD> <TILE>会员登录<TILE> <STYLE TYPE="text/css"> p{font- family:宋体,fnt-size:llpt} td, Input{ font-family:宋体, font-size:llpt} <STYLE> </HEAD> <BODY> <P>ASP程序设计讨论区一[会员登录]P <FORM ACTION="Login. asp"METHOD-post> <TABLE>
9 6.2 会员登录范例 为了让读者了解HTML表单的应用，我们以会员登 录表单(login.htm)为例，示范HTML表单的编写方式。 会员登录表单的HTML源代码(ch6-2.htm)如下： <HTML> <HEAD> <TITLE>会员登录</TITLE> <STYLE TYPE="text/css"> <!-- p {font-family: 宋体; font-size: 11pt } td,input {font-family: 宋体; font-size: 11pt } //--> </STYLE> </HEAD> <BODY> <P>ASP程序设计讨论区─ [会员登录]</P> <FORM ACTION="Login.asp" METHOD="post"> <TABLE>
令中国铁道出版社 6.2会员登最范 会员登录表单的HM源代码ch6-2hm续: <TR> < TD ALIGN="ight">用户:</TD> <TD><input name=uid"type=text"size=10"maxlength=8 VALUE=W></TD> </TR> <TR> < TD ALIGN=" right'">密码:</TD> <TD><INPUT TYPE=password"NAME="pwd"SIZe= MaXlengtH=8 VALUE="></TD> </TR> <TR> <TD ALIGN=right" ><INPUT TYPE="submit!"NAME=send VALUE="提交"><D> <TD ALIGN=left ><INPUT TYPE="reset" NAME="clear VALUE="重置"></TD> </TR> </TABLE> </FORM </BODY> </HTML>
10 6.2 会员登录范例 会员登录表单的HTML源代码(ch6-2.htm)续： <TR> <TD ALIGN="right">用户：</TD> <TD><input name="uid" type="text" size="10" maxlength="8“ VALUE=""></TD> </TR> <TR> <TD ALIGN="right">密码：</TD> <TD><INPUT TYPE="password" NAME="pwd" SIZE=10 MAXLENGTH=8 VALUE=""></TD> </TR> <TR> <TD ALIGN="right"><INPUT TYPE="submit" NAME="send“ VALUE="提交"></TD> <TD ALIGN="left"><INPUT TYPE="reset" NAME="clear“ VALUE="重置"></TD> </TR> </TABLE> </FORM> </BODY> </HTML>