第二阶段第五周第14章表单脚本

表单脚本

1.表单的基础知识

image.png

提交表单

自定义提交按钮
submit Form

图像按钮

只要表单中存在上面累出的任何一种按钮，那么在相应表单空间拥有焦点的情况下，按回车键就可以提交该表单 如果表单里米有提交按钮 按回车键不会提交表单

取得事件对象
event = EventUtil.getEvent(event);
阻止默认事件
EventUtil.preventDefault(event);
提交表单
form.submit();
重置表单

取得表单中第一个字段
var fielde = form.elements[0]
取得名为“textbox1”的字段
var field2 = form.elements["textbox1"]
取得表单中包含的字段的数量
var fieldCount = form.elements["textbox1"]
修改value属性
field.value ="anoter value"

2.文本框脚本

选择文本 select()方法

var textbox = documment.forms[0].elements["textbox1"];

选择select事件
selctionStart selectionEnd 这两个属性中保存的是基于0的数值表示所选择的文本的范围

3.选择框脚本

index:当前选项在options集合中的索引
label:当前选项的标签；等价于html中的label特性
selected:布尔值，表示当前选项是否被选中
text:选项的文本
value：选项的值

var selectbbox= docment.forms[0].elements["location"]
var text = selectbox.options[0].text;
var value = selectbox.option[0].value;