JavaScript 客户端JavaScript之Document对象中的表单和表单元素

时间:2022-09-11 12:15:50
Form对象 代表一个HTML表单(document可以有多个表单元素)
表单访问
document.form[document.forms.length-1]
访问表单元素
document.forms[1].elements[2]
Form对象其它属性
action encoding method target
定义表单元素
比如
<option>            无type属性        select对象中的一个项目,事件句柄属性select对象,而不属于单独的option对象。
<select>               type='select-one'    可以选中其中一个项目,onchange
<select>                type='select-multiple'    可多选
<input type='text  button hiden  file password  radio checkbox reset  submit '等>
<textarea>            多行的文本输入框
脚本化表单元素
1、为所有表单元素定义name属性,可以直接访问  form1.name1
表单元素共有的基本属性
type
form:对包含该元素的Form对象的只读引用。
name
value
文本框
<input type='file'>
实质上是与弹出选择文件对话框的内部按钮组合在一起的Text元素(有onchange事件句柄,且value只读)
text textarea file
这些元素真正接收键盘输入
从onkeypress  onkeydown事件句柄返回false 可以阻止用户的键盘输入被记录下来。
select元素和option元素
属性selectedindex  选中option下标,多选的无效
        options[]          访问所有option
        options.length=0    用来清空select中的option
删除可用 如:options[0]=null 
添加 options[options.length]=new Option();
也可以用select.add();
option元素定义了构造函数Option,可以动态创建新的option元素,把它们附加在options[]数组的尾部可以给
select元素增加新选项。
注:可以用<optgroup>标记对select元素中的相关选项分组,
<optgroup>具有label属性。
fieldset元素
legend
表单元素的事件句柄
大多数表单元素支持如下的事件句柄:
onclick
onchange
onfocus
onblur