JAVASCRIPT 第八章

8.15
form元素中的文本对象

textarea对象的属性

defaultValue：表示textarea中的默认值，但它不是由<textarea>标签的 value属性指定，而是由<textarea>和</textarea>标签之间的文本指定。 name：表示textarea对象的名称，用于标识特定的textarea元素。 type：对于textarea对象而言，其type属性的值必将是“textarea”。 value：表示textarea元素中的当前值。 cols：表示textarea元素的宽度，单位以字符数计算。 rows：表示textarea元素的高度，单位以文本的行数计算。

text对象的方法

blur()：该方法使特定的text对象失去焦点。 focus()：该方法使特定的text对象获得焦点。 select()：该方法可以选中某text对象中的所有内容。
8.14
form元素中的文本对象

textarea对象

textarea对象也是代表HTML表单中的文本输入框，但是与text对 象不同，textarea创建的是一个多行的、可滚动的编辑文本框。注 意，它由标准的HTML标签<textarea>创建，而不是由<input>标 签创建，语法如下：

document.forms[index] document.forms[“formName”] document.forms.formName document.formName

访问表单上其他元素的方法也分为两类，可以使用elements[]数组 访问表单元素，也可以通过表单名称加元素名称的方式：


formName.elements[index]
formName.elements[“name”]
8.3
form对象

form对象的属性 action：表示要提交的表单的URL。 elements[]：其元素是出现在表单中的输入元素。 elements.length：表示elements[]中的元素个数。 encoding：指定了表单中数据的编码方式。 length：等同于elements.length属性。 method：指定了提交表单的方法，它的值为“get”或者“post” 。 target：指定了显示提交表单结果的窗口或者框架的名字。 form对象的方法 (见例8-2)
都是传递数据,就是传递的方法不同.
get --信息传送方式,这种方式传递的数据量比较少,但是可以 把传递的信息显示在网址上. post -- 信息传送方式,此方式传送的信息比较多,而且不会把 传递的信息显示在网址上 .
8.10
form元素中的按钮对象

reset对象 (P160) reset对象代表HTML文档中一个特殊按钮,专门用于重置表单。
8.2
//表单名称 //用于响应的窗口名称 //表单被提交目的地的URL //提交表单的方法 //表单数据的编码方式 //表单重置时调用的事件处理器 //表单提交时调用的事件处理器 //表单中的其他元素
form对象

form对象概述

访问文档中某一个表单的方法主要分为两大类，一类是通过 document对象的forms[]属性，一类是直接通过表单名称，例如：

password对象

password对象代表专门用于输入敏感信息（例如用户密码）的文 本框，在该元素中输入的字符都将以“●”或者“＊”的其他特 殊符号统一代替。password对象由标准的HTML标签<imput>创 建，语法如下：
<input type=“password” name=“psdName” value=“psdValue” [size=“psdSize”] [maxlength=“psdNumber”] [onFocus=“handler”] [onBlur=“handler”] [onChange=“handler”] [onSelect=“handler”] .. .. .. > //此属性决定创建的是password对象 //password对象的名称，用来引用这个对象 //显示在password元素中的内容 //password元素的宽度 //password元素中最多容纳的字符数 //password元素获得焦点时调用的事件处理器 //password元素失去焦点时调用的事件处理器 //password元素内容改变时调用的事件处理器 //password元素内容选中时调用的事件处理器 //其他的事件处理器
点击reset按钮，将会使含有该按钮的表单中的所有表单元素重 置为它们的默认值。
如果表单元素没有设定默认值，那么点击reset按钮的效果就是 清空用户在这些元素中设定的值。 reset对象也是由标准的HTML标签<input>创建，语法规则与创 建button对象类似，唯一不同的是<input>标签中的type属性 必须为“reset”。 reset对象的属性与button对象类似 reset对象的方法与button对象类似
<textarea name=“Name” rows=rowNumber cols=colNumber [wrap=off[virtual|physical]] [onFocus=“handler”] [onBlur=“handler”] [onChange=“handler”] [onSelect=“handler”] .. .. .. > .. .. .. </textarea> //textarea对象的名称，用来引用这个对象 //一个整数表示该对象的高度 //一个整数表示该对象的宽度 //处理了多少个单词包 //单行文本框获得焦点时调用的事件处理器 //单行文本框失去焦点时调用的事件处理器 //单行文本框内容改变时调用的事件处理器 //单行文本框内容选中时调用的事件处理器 //其他的事件处理器 //显示在textarea中的初始文本


reset()：将表单中所有输入元素都重新设定为它们的默认值。 submit()：用于提交表单。
8.4
form对象

form元素的组成
表单元素 HTML标签Hale Waihona Puke 表8-1 表单元素（P156）
说明
button checkbox fileUpload hidden option password radio
8.5
例8-1 form对象的应用

先看ex8-1.htm 注意在另一窗口中显示内容的做法。


document.forms.length表示表单的数量
第1组6个表单元素的值：（见ex8-1-1.htm）
document.forms[j].elements[k].value

radio对象和checkbox对象的值为 document.forms[j].elements[k].checked
8.6
8.2 form元素中的按钮对象

(P159)
button对象

button对象是表单元素之一，代表HTML文档上某个表单内的按 钮，它由标准的HTML标签<imput>创建，语法如下：
//此属性决定创建的输入对象为button //button对象的名称，用来引用这个对象 //显示在按钮上的文本 //按钮被点击时调用的事件处理器 //按钮失去焦点时调用的事件处理器 //按钮获得焦点时调用的事件处理器
submit对象也是由标准的HTML标签<input>创建，语法规则与 创建button对象类似，唯一不同的是<input>标签中的type属 性必须为“submit”。
submit对象的属性与button对象类似 submit对象的方法与button对象类似
8.9
method=“get” method=“post”
第八章 表单和表单元素
8.1
8.1


form对象
(P154)
form对象概述
form对象代表HTML文档中的表单，一个HTML文档可以包含多个表 单，它们按照在文档中的出现顺序存储在document对象的froms[]属性 数组中。form对象由HTML中的<form>标签所创建，其语法如下：
<form name=“formName” [target=“windowName”] [action=“URL”] [method=(GET|POST)] [enctype=“encoding”] [onReset=“handler”] [onSubmit=“handler”] > ………………………… </form>
<imput type=button> <imput type=checkbox> <imput type=file> <imput type=hidden> <option> <imput type=password> <imput type=radio>
普通按钮 复选框 输入框，用于输入要上传得文件名 随表单提交的用户不可见的数据 select对象中的一个项目 密码输入框，输入的内容不可见 单选框
8.13
form元素中的文本对象

text对象的属性

defaultValue：表示单行文本框中的默认值。 name：表示text对象的名称，用于唯一标识特定的单行文本框。 type：对于text对象而言，其type属性的值必将是“text”。 value：表示单行文本框中的当前值。 size：表示单行文本框的宽度，缺省状况的宽度可容纳20个字符。 maxlength：表示单行文本框中可输入的最大字符数。