基础知识表单对象的使用格式.PPT

第七章 表单处理 基础知识 表单对象(FORM) 表单对象(Form)提供一个让客户端输入文字或进行选择的功能，例如：单选按钮、复选框、选择列表等。由FORM标记组构成，JavaScript自动建立一个表单对象，并将用户端的信息送至服务器进行处理。表单对象是文件对象的子对象，同时，它也包含许多子对象。 基础知识 表单对象的使用格式 document.forms[索引值].属性 document.forms[索引值].方法（参数群） 或 document.表单名称.属性 document.表单名称.方法（参数群） 基础知识 表单属性 action:是一个URL值，规定当提交表单时，向何处发送表单数据。 name：表单名，相当于FORM标记的name属性。 method：输入窗体的数据传送到服务器上的方式,即(FORM)标记中的method属性。 基础知识 表单域 　表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等，用于采集用户的输入或选择的数据： 1、input文本框 ＜input type=“... name=... size=... maxlength=... value=...＞ /input 基础知识 属性解释： type=“text”定义单行文本输入框； type=“password”密码框。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。 type=“hidden”定义隐藏域。 type=“checkbox”定义复选框。 type=“radio”定义单选框。 type=“file”定义文件上传框。文件上传框看上去和其它文本域差不多，只是它还包含了一个浏览按钮。 　 基础知识 type=“submit”定义提交按钮； type=“reset”定义复位按钮； type=“button”定义一般按钮；一般会为此按钮定义onclick事件。 name：定义表单字段的名称，要保证数据的准确采集，必须定义一个独一无二的名称； size：页面上显示的字符数量。 maxlength：定义最多输入的字符数。 value：定义表单字段的初始值。 基础知识 2、多行文本框 ＜TEXTAREA name=“...” cols=“...” rows=“...” wrap=“VIRTUAL”＞ ＜/TEXTAREA＞ name属性定义多行文本框的名称； cols属性定义多行文本框的宽度，单位是单个字符宽度； rows属性定义多行文本框的高度，单位是单个字符宽度； wrap属性定义输入内容大于文本域时显示的方式， Off－用来避免文本换行；Virtual－允许文本自动换行，但提交信息时换行处不会有换行符。Physical－让文本换行，当数据被提交处理时换行符也将被一起提交处理。 基础知识 3、下拉选择框 下拉选择框允许你在一个有限的空间设置多种选项。 ＜select name=... size=... multiple＞ 　　＜option value=... selected＞... ＜/option＞ 　　... ＜/select＞ 基础知识 属性解释： size 属性定义下拉选择框的行数； name 属性定义下拉选择框的名称； multiple 属性表示可以多选，如果不设置本属性，那么只能单选； value 属性定义选择项的预设值； selected 属性表示默认已经选择本选项。 7.1 选择并转移导航菜单 html head titleSelect and Go Navigation/title script type=text/javascript src=script01.js/script /head body bgcolor=#FFFFFF div align=center form action=gotoLocation.cgi select id=newLocation option selected=selectedSelect a topic/option option value=script06.htmlCross-checking fields/option option value=script07.htmlWorking with radio buttons/option option value=script08.htmlSetting one field with another/option option value=script09.htmlValidating Zip codes/option optio