第三章 HTML语言概述

 

第八节 表单

 

1.表单的定义与结构

FORM标记的常用属性有:action (数据传送URL)、method(数据传送方式)、target(窗口打开方式)。

 

 

 

 

2.输入多行文字

多行文本标记<TEXTAREA>,用于留言等文本输入。

 

 

 

 

3.设置下拉选单

下拉选单标记<SELECT>,是双标记格式,与指明控制内容的<OPTION>标记配合来定义菜单项目。

 

 

 

 

4.输入组件标记

输入组件标记<INPUT>,用于文字、密码、复选等输入项目。

INPUT标记的的外观类型:

(1)TEXT:文字输入框,用于输入文本信息。

(2)PASSWORD:密码输入框,用于不回显的口令输入。

(3)CHECKBOX:复选按钮。

(4)RADIO:单选按钮(用CHECKED属性默认为选择)。

(5)BOTTON :通用按钮,用于建立各种界面按钮。

(6)FILE:文件浏览按钮。

(7)SUBMIT:提交按钮。

(8)RESET:复位按钮。

(9)IMAGE:图像按钮。

(10)HIDDEN:隐含内容。

 

 

 

 

5.提交与复位按钮

一旦按下提交按钮,则浏览者在网页填写的数据就会送交表单所指定的网页程序进行处理。

按下复位按钮会将浏览者在表单相关栏位中所填写的数据清除,方便浏览者重新填写数据。

 

 

 

 

6.表单应用示例

<html>

<head>

<title>用户调查表</title>

</head>

<body>

<center>

请输入个人信息

<HR WIDTH=200>

<FORM ACTION="MAILTO:ljm@126.com" METHOD="POST">

姓名:<INPUT TYPE="TEXT" NAME="FIRSTNAME" SIZE=10 MAXLENGTH=8><P>

性别:<INPUT TYPE="RADIO" NAME="GENDER" VALUE="1" CHECKED>男

<INPUT TYPE="RADIO" NAME="GENDER" VALUE="2">女<P>

兴趣:<SELECT NAME="INTEREST" SIZE=1 MULTIPLE>

<OPTION VALUE=0> 文 艺 </OPTION>

<OPTION VALUE=1> 体 育 </OPTION>

<OPTION VALUE=2> 天 文 </OPTION>

<OPTION VALUE=3> 历 史 </OPTION>

<OPTION VALUE=4> 科 技 </OPTION>

</SELECT><P>

<INPUT TYPE="SUBMIT" VALUE="提交">

<INPUT TYPE="RESET" VALUE="取消">

</FORM>

</CENTER>

</body>

</html>