形式对象

形式对象方法

reset():把表单的所有输入元素重置为它们的默认值。

submit():提交表单。

文本对象

文本对象属性

禁用：设置或返回文本域是否应被禁用。

只读：设置或返回文本域是否应是只读的。

值：设置或返回文本域的价值属性的值。

文本对象方法

focus():在文本域上设置焦点。

示例

！DOCTYPEhtml

超文本标记语言

头

' UTF-8 '

标题/头衔

/head

身体

形式

inputname='wd'/

inputtype='submit'value='百度一下onclick='sub()'

/form

脚本

var form=document。GetElementsBytagName(' form ')[0]；

var text=文档。GetElementsByname(' wd ')[0]；

文字。福克斯();

functionsub(){

var text=文档。GetElementsByname(' wd ')[0]；

//text.value='魔道；

//文本。ReadOnly=' true

//控制台。日志(文本。ReadOnly)；

//文本。disabled=' true

控制台。日志(文本。残疾人)；

文字。福克斯();

}

//类型为文本、密码、文本区域的标签均有值、焦点、禁用、只读

/script

/body

/html

收音机对象

收音机对象属性

选中：设置或返回单选按钮的状态。

禁用：设置或返回是否禁用单选按钮。

值：设置或返回单选按钮的价值属性的值。

检验盒对象

检验盒对象属性

选中：设置或返回检验盒是否应被选中。

禁用：设置或返回检验盒是否应被禁用。

值：设置或返回检验盒的价值属性的值

挑选对象

挑选对象集合

选项[]:返回包含下拉列表中的所有选项的一个数组。

挑选对象属性

禁用：设置或返回是否应禁用下拉列表。

长度：返回下拉列表中的选项数目。

选择索引：设置或返回下拉列表中被选项目的索引号。

挑选对象方法

add():向下拉列表添加一个选项。

remove():从下拉列表中删除一个选项。

[计]选项对象

[计]选项对象构造方法

选项（文本、值):通过文本和价值值创建[计]选项对象

[计]选项对象属性

选定：设置或返回挑选属性的值。

文本：设置或返回某个选项的纯文本值。

值：设置或返回被送往服务器的值。

挑选对象及[计]选项对象示例

！DOCTYPEhtml

超文本标记语言

头

' UTF-8 '

标题/头衔

/head

身体

selectid='等级'

optionvalue='1 '一年级/option

optionvalue='2 '二年级/option

optionvalue='3 '三年级/option

optionvalue='4 '四年级/option

/select

input type=' button ' onclick=' text()' value='按钮'/

scripttype='text/javascript '

functiontext(){

var select=文档。getelementbyid(' grade ')；

控制台。日志(选择。残疾人)；

控制台。日志(选择。长度)；

控制台。日志(选择。selectedindex)；

控制台日志(' ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ')

varoptions=select.options

console.log(选项[选择.选择索引].值);

控制台。日志(@ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @

for(vari=0；ioptions.lengthi ){

console.log(选项[i].值);

console.log(选项[i].选中);

console.log(选项[i].文本);

}

varoption=newOption('五年级','5');

select.add(选项);

选择。移除(0)；

}

/script

/body

/html

注册表

！DOCTYPEhtml

超文本标记语言

头

' UTF-8 '

标题/头衔

/head

身体

spanstyle=' color:red'id='错误-消息/spanbr/

formonsubmit='returncheck()'

桌子

tr

任务描述用户名：/td

tdinputid='name'placeholder='请输入用户名on bulr=' check _ name()'/TD

/tr

tr

任务描述密码：/td

tdinput id=' pw ' type=' password '占位符='请输入密码on bulr=' check _ pw()'/TD

/tr

tr

任务描述确认密码：/td

TD input id=' pw-check ' type=' password '占位符='请输入确认密码//td

/tr

/table

输入类型=' radio ' name=' sex ' value=' 0 '/男

输入类型=' radio ' name=' sex ' value=' 1 '/女

br/

输入类型='复选框'名称='爱好'值=' 0 '/羽毛球

输入类型='复选框'名称='爱好'值=' 1 '/篮球

输入类型='复选框'名称='爱好'值=' 2 '/乒乓球

输入类型='复选框'名称='爱好'值=' 3 '/足球

br/

selectid='等级'

optionvalue='1 '大一/option

optionvalue='2 '大二/option

optionvalue='3 '大三/option

optionvalue='4 '大四/option

/select

br/

tdinputtype='reset'value='重置//td

tdinputtype='submit'value='注册//td

/form

脚本

//使用$()函数可节省代码量

函数$(id){

returndocument。GetElementbyID(id)；

}

functioncheck(){

varn=文档。GetElementbyID(' name ')；

varw=文档。getelementbyid(' pw ')；

var msg=文档。GetElementbyID('错误消息')；

varc=文档。GetElementbyID(' pw-check ')；

if(n.value.length12){

msg.innerHTML='用户名不能超过15个字符，请重新输入!'；

n .焦点()；

returnfalse

}

if(n.value.length==0){

msg.innerHTML='用户名不能为空，请重新输入!'；

n .焦点()；

returnfalse

}

if(w.value.length12){

msg.innerHTML='密码不能超过12个字符，请重新输入!'；

w。福克斯();

returnfalse

}

if(w.value.length==0){

msg.innerHTML='密码不能为空，请重新输入!'；

w。福克斯();

returnfalse

}

if(w.value！=c.value){

msg.innerHTML='密码错误，请重新输入!'；

c .焦点()；

returnfalse

}

varsex=document。GetElementsByname(' sex ')；

var hobby=文档。GetElementsByname('爱好')；

for(vari=0；isex . lenhei){

性[i].disabled=true

console.log(sex[i]).选中"性别"。值);

}

控制台。日志(' ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

for(vari=0；ihobby.lengthi ){

爱好选中=真

console.log(爱好[i].选中"爱好"。值);

}

控制台。日志(' ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

var select=文档。getelementbyid(' grade ')；

varoptions=select.options

控制台。日志(选择。长度)；

控制台。日志(选择。selectedindex)；

console.log(选项[选择.选择索引].值);

for(vari=0；ioptions.lengthi ){

var option=options[I]；

console.log(option.value)

select.disabled=true

}

returnfalse

}

functioncheck_name(){

varn=文档。GetElementbyID(' name ')；

var msg=文档。GetElementbyID('错误消息')；

if(n.value.length12){

msg.innerHTML='用户名不能超过15个字符，请重新输入!'；

n.value=

n .焦点()；

}

elseif(n.value.length==0){

msg.innerHTML='用户名不能为空，请重新输入!'；

n .焦点()；

}

else{

msg.innerHTML=

}

}

functioncheck_pw(){

varw=文档。getelementbyid(' pw ')；

var msg=文档。GetElementbyID('错误消息')；

if(w.value.length12){

msg.innerHTML='密码不能超过12个字符，请重新输入!'；

w.value=

w。福克斯();

}

elseif(w.value.length==0){

msg.innerHTML='密码不匹配，请重新输入!'；

w。福克斯();

}

其他

{

msg.innerHTML=

}

}

/script

/body

/html

图像对象

图像对象属性

src:设置或返回图像的网址。

本文转载自中文网