表单.ppt

1、J2EE,FORM表单,表单简介,表单在HTML页面中起着重要作用，它是与用户交互信息的主要手段。一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。 表单中主要包括下列元素： button普通按钮 radio 单选按钮 checkbox复选框 select 下拉式菜单 text 单行文本框 textarea多行文本框 submit提交按钮 reset 重填按钮,FORM标记,该标记的主要作用是设定表单的范围，并指定处理表单数据程序的url地址。其基本语法结构如下： action：用于设定处理表单数据程序url的地址。这样的程序通常是服务端程序，采用电子邮件方式时，用acti

2、on=mailto:你的邮件地址。 method：指定数据传送到服务器的方式。有两种主要的方式，当method=get时，将输入数据加在action指定的地址后面传送到服务器；当method=post时则将输入数据按照HTTP传输协议中的post传输方式传送到服务器，用电子邮件接收用户信息采用这种方式。 name：用于设定表单的名称。 onrest和onsubmit是主要针对reset按钮和submit按钮来说的，分别设定了在按下相应的按钮之后要执行的javascript函数。 target：指定输入数据结果显示在那个窗口，这需要与标记配合使用。 示例 请填入您的姓名： 请填入电话号码： 见示

3、例p03.html,Text （单行文字输入框）, 主要属性 type=Text 输入方式为 Text （单行文字输入框） 。 name=age 输入框名称，服务端程序根据此名称接收输入的值。 value=20 输入框内定值。若不填写则输入框是空白的。 size=“2” 输入框显示的长度。 （注：在多数浏览器中，文本框的宽度默认是20个字符） maxlength=255 输入框可输入文字的最大数量。 例子： 请填入电话号码： 见示例p04.html,Password, Password 的其他参数和 Text 是完全相同的，只是Password 所输入的文字以 * 号表示。 例子： 请输入姓名

4、： 请输入密码： 见示例p05.html,TEXTAREA （多行文本输入框）, 主要属性 type= textarea 输入方式为 TEXTAREA（多行文字输入框）。 name=comments 名称，参考 Text 部分的说明。 cols=40 文字区块的宽度。 rows=4 文字区块的列数。 例子： Give comments: 这是预设的字句，通常留空的，随你喜欢。 见示例p06.html,Radio （单选钮）, 主要属性 type=Radio 输入方式为 Radio （单选钮） 。 name=gender 名称，参考 Text 部分的说明。 value=female 内定值。每一

5、个 radio 必须及仅有一个 value，通常有同时采用两个或以上同 name 不同 value 的 Radio 输入方式，可让使用使任选其一。 checked 设该 Radio 为内定被选。同 name 的各个 Radio 中只能有一个使用，或全不使用这 参数。 例子： 请选性别： 女性 男性 你喜欢吗？ 喜欢 不喜欢 不肯定 见示例p07.html,Checkbox （复选钮）, 主要属性 type=Checkbox 输入方式为 Checkbox （复选钮） 。 name=idol 名称，参考 Text 部分的说明。 value=Leon 内定值。每一个 Checkbox 必须及仅有一个

6、 value，当被选时这值便会传到服务端程序。 checked 设该 Checkbox 为内定被选。 例子： 你喜欢以下哪些明星？ 黎明 酒井法子 郑秀文 BonJovi 见示例p08.html,Submit/Reset按钮, 主要属性 type=Submit 设定为 Submit 或 Reset。Submit用来提交表单，reset用来重置表单中元素的数据。 type还可设定为Button，这时没有具体功能，一般配合javascript工作。 name=other_funtion 按钮名称。 value=确定 显示按钮文字。 例子： 姓名： 见示例p09.html,Image （图片按钮）,

7、通常用以取代其它按钮，产生漂亮的效果。 主要属性 type=Image 输入方式为 Image。 name=submit 所要代表的按键，可以是 submit, reset, 或其它。 src=ex_icon.gif 按键图片来源，若此图片文件不与该 html 文件在同一目录下，请加上相对或绝对途 径。 例子： 见示例p10.html,File （上传文件框）, 主要属性 type=File 输入方式为 Image。通常用以传输文件。 name=upload 上传文件框的名称。 size=20 上传文件框的长度。 maxlength=100 可输入文字的最大数量。 例子： 见示例p11.htm

8、l,Hidden （隐藏域）, 主要属性 type=Hidden 输入方式为隐藏或内定。它不会显示任何输入介面，而是一个内定值随表单一起 传给服务端程序。 name=ID 名称，用以识别之用。 value=6618 内定值，会以如 ID=6618 形式传给服务端程序。 例子： 见示例p12.html, （下拉框）,下拉框中，每一选项由 描述。 主要属性 name=where 名称，参考 Text 部分的说明。 size=6 显示高度。 multiple 可多重选择。 主要属性 value=tw 此选项的值。 selected 设该选项为内定被选。下拉框只能有一项可内定被选。 例子： Where you com from? Hong Kong Taiwan China United States Canada 见示例p13.html