Form 对象
Form 对象方法
reset() :把表单的所有输入元素重置为它们的默认值。
submit() :提交表单。
Text 对象
Text 对象属性
disabled :设置或返回文本域是否应被禁用。
readOnly :设置或返回文本域是否应是只读的。
value :设置或返回文本域的 value 属性的值。
Text 对象方法
focus() :在文本域上设置焦点。
示例
!DOCTYPE html html head meta charset= UTF-8 title /title /head body form input name = wd / input type= submit value= 百度一下 quot;sub() /form script var form = document.getElementsByTagName( form )[0]; var text = document.getElementsByName( wd )[0]; text.focus(); function sub(){ var text = document.getElementsByName( wd )[0];// text.value = 魔道 // text.readOnly = true // console.log(text.readOnly);// text.disabled = true console.log(text.disabled); text.focus(); //type为text、password、textarea的标签均有value、focus、disabled、readOnly /script /body /html
Radio 对象
Radio 对象属性
checked :设置或返回单选按钮的状态。
disabled :设置或返回是否禁用单选按钮。
value :设置或返回单选按钮的 value 属性的值。
Checkbox 对象
Checkbox 对象属性
checked :设置或返回 checkbox 是否应被选中。
disabled :设置或返回 checkbox 是否应被禁用。
value :设置或返回 checkbox 的 value 属性的值
Select 对象
Select 对象集合
options[] :返回包含下拉列表中的所有选项的一个数组。
Select 对象属性
disabled :设置或返回是否应禁用下拉列表。
length :返回下拉列表中的选项数目。
selectedIndex :设置或返回下拉列表中被选项目的索引号。
Select 对象方法
add() :向下拉列表添加一个选项。
remove() :从下拉列表中删除一个选项。
Option 对象
Option 对象构造方法
Option(text,value) :通过text和value值创建Option对象
Option 对象属性
selected :设置或返回 selected 属性的值。
text :设置或返回某个选项的纯文本值。
value :设置或返回被送往服务器的值。
Select对象及Option对象示例
!DOCTYPE html html head meta charset= UTF-8 title /title /head body select id= grade option value= 1 一年级 /option option value= 2 二年级 /option option value= 3 三年级 /option option value= 4 四年级 /option /select input type= button quot;text() value= 按钮 / script type= text/javascript function text(){ var select = document.getElementById( grade console.log(select.disabled); console.log(select.length); console.log(select.selectedIndex); console.log( ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~` ) var options = select.options; console.log(options[select.selectedIndex].value); console.log( @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ) for(var i=0;i options.length;i++){ console.log(options[i].value); console.log(options[i].selected); console.log(options[i].text); var option = new Option( 五年级 , 5 select.add(option); select.remove(0); /script /body /html
!DOCTYPE html html head meta charset= UTF-8 title /title /head body span >Image 对象
Image 对象属性
src:设置或返回图像的 URL。
相关推荐:
以上就是HTML对象:html一些对象属性的介绍的详细内容,html教程
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答