第十二章:第40节DOM——input对象、select对象、option对象

更新于:2017-11-22 15:46:51

input对象


<input>标记对象对应一个input对象。


input对象怎么获取楠神就不用说了,这是前面的内容已讲过,就是获取<input>标记对象。


看下input对象有哪些属性和方法:


input对象属性:


name:input名称

value:input输入值

size:文本框或密码框的宽度。

maxLength:文本框或密码框最大输入多少个字符

readonly:只读属性。如:inpubObj.readonly = “readonly”

disabled:禁用属性。如:inputObj.disabled = “disabled”

checked:单选按钮或复选框是否选中。如:inputObj.checked = “checked”

type:表单元素的类型。


input对象方法:


focus():获得焦点,将光标定位于单行文本框中。如:inputObj.focus()

blur():失去焦点,将光标从文本框中移开。

select():选中文本。


input对象事件:


onfocus:当获得焦点时,执行函数。

onblur:当失去焦点时,执行函数。


select对象


一个<select>标记对应一个select对象。


select对象属性:


name:表单元素名称

options[]:<select>中多个<option>标记构成的一个数组。options[0]第1个<option>

selectedIndex:当前选中的<option>的索引值

length:设置或读取<option>标记的个数。


option对象


一个<option></option>标记,对应一个option对象。


option对象属性:


text:是指<option value=’abc’>和</option>之间文本信息

value:是指<option>标记的属性value。


说明:


form对象、input对象、select对象、option对象在实际项目中用到的很多。


下节写几个很常用的示例。