JS表格对象属性,表单对象属性、方法、事件以及事件返回值
表格对象的属性
一个<table>标记,可以看做一个表格对象
rows:获取表中所有的行,返回一个数组。
cells:获取某行中所有的单元格,返回一个数组。
表单对象属性
一个<form>标记,可以看做一个表单对象
name:获取表单的名称,该name一般是给JS使用的。
method:表单的提交方式。
GTT方式:不安全,数据量较小,不能上传附件。
POSt方式:相对安全,海量数据,可以上传附件。
action:表单数据处理的程序,一般是PHP文件。
enctype:表单数据的编码方式(加密)
application/x-www-form-urlencoded (默认)
multipart/form-data 可以上传附件
表单对象方法
submit():提交表单。
reset():重置表单。
表单对象事件
onsubmit:提交事件,当单击提交按钮时发生的事件。在数据传到服务器之前(常用)。
onreset:重置事件,当单击重置按钮时发生的事件。(不常用)。
表单中通过name属性找对象(id也可以,一般表单都用name)
通过name找对象,必须是document开头。
通过name找对象,必须符合三层结构
格式:document.formname.inputname
document:表单找对象的开头
formname:标签<form>的name属性。
inputname:标签<input>的name属性。
事件的返回值
事件的返回值会影响事件的默认动作。
如果事件的返回值为false,则阻止默认动作的执行。
如果事件返回值为true或空或没有返回值,则默认动作继续执行。
受影响的事件只有两个:onclick,onsubmit。
input对象
一个<input>标签,可以看做一个input对象。
input常用属性
name:表单元数名称。
value:表单元素的值。
size:表单元素的宽度。
maxLength:最多字符数。
disabled:禁用属性。
readonly:只读属性。
input常用方法
focus():获取焦点。
blur():失去焦点。
select():选择文本。
input常用事件
onfocus:当获得焦点时执行的事件(光标定位到输入框中)。
onblur:当失去焦点时执行的事件。
onselect:当选择文本时执行的事件。
select对象属性
options[index]:可以访问到每一个<option>标记。
selectedIndex:读取或改变标签<option>默认的索引值。
length:设置或读取<select>标记中<option>的个数。添加空的<option>标记。
name:元素名称。
option对象属性
text:指<option></option>之间的文本,
value:指<option value="值">的value值。