首页 > 编程 > HTML > 正文

HTML对象:html一些对象属性的介绍

2020-03-24 16:31:47
字体:
来源:转载
供稿:网友
这篇文章给大家分享的内容是关于HTML对象:html一些对象属性的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

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教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表