JavaScript程序设计课件：第八章 表单和表单元素.ppt

例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 method=“get” method=“post” 都是传递数据,就是传递的方法不同. get --信息传送方式,这种方式传递的数据量比较少,但是可以把传递的信息显示在网址上. post -- 信息传送方式,此方式传送的信息比较多,而且不会把传递的信息显示在网址上 . 例8-2 按钮对象的应用 8.3 form元素中的文本对象 (P164) text对象 text对象是最基本的表单对象之一，代表HTML表单内的单行文本输入框，它由标准的HTML标签input创建，语法如下： form元素中的文本对象 form元素中的文本对象 textarea对象 textarea对象也是代表HTML表单中的文本输入框，但是与text对象不同，textarea创建的是一个多行的、可滚动的编辑文本框。注意，它由标准的HTML标签textarea创建，而不是由input标签创建，语法如下： form元素中的文本对象 textarea对象的属性 defaultValue：表示textarea中的默认值，但它不是由textarea标签的value属性指定，而是由textarea和/textarea标签之间的文本指定。 name：表示textarea对象的名称，用于标识特定的textarea元素。 type：对于textarea对象而言，其type属性的值必将是“textarea”。 value：表示textarea元素中的当前值。 cols：表示textarea元素的宽度，单位以字符数计算。 rows：表示textarea元素的高度，单位以文本的行数计算。 wrap：指定了要处理的一行有多长，off表示实际文本有多长，一行就有多长；virtual表示显示一行文本时应该有换行符，但是传递一行时没有换行符；physical表示无论显示一样文本还是传递一行文本，都应该有换行符。 textarea对象的方法与text对象类似 form元素中的文本对象 password对象 password对象代表专门用于输入敏感信息（例如用户密码）的文本框，在该元素中输入的字符都将以“●”或者“＊”的其他特殊符号统一代替。password对象由标准的HTML标签imput创建，语法如下： form元素中的文本对象 password对象的属性 defaultValue：表示password中的默认值。 name：表示password对象名称，用于标识特定的password元素。 type：对password对象而言，其type属性值必须是“password”。 value：表示password元素中的当前值。 size：表示password的宽度。 maxlength：表示password中可输入的最大字符数。 password对象的方法 blur()：该方法使特定的password对象失去焦点。 focus()：该方法使特定的password对象获得焦点。 select()：该方法可以选中某password对象中的所有内容。 例8-3 文本对象的应用 用户名称框在失去焦点时触发函数nameBlur() 即 onblur=nameBlur() （查2样） 用户密码框在失去焦点时触发函数pswBlur() 即 onblur=pswBlur() （查2样） 按“数据检测”按钮时触发函数dataCheck() 即 onClick=dataCheck() （查4样） 例8-3 文本对象的应用 (P169) input type=textname=userNamevalue=用户名称不能为空size=35 onFocus=this.select() onblur=nameBlur() this------document.baseInfo.userName textarea name=content rows=5 cols=34 onFocus=this.select() 这家伙没什么个性！