这篇文章给大家分享的内容是关于html对象：html一些对象属性的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
Form 对象
Form 对象方法
reset() ：把表单的所有输入元素重置为它们的默认值。
submit() ：提交表单。
立即学习“前端免费学习笔记（深入）”；
Text 对象
Text 对象属性
disabled ：设置或返回文本域是否应被禁用。
readOnly ：设置或返回文本域是否应是只读的。
value ：设置或返回文本域的 value 属性的值。
Text 对象方法
focus() :在文本域上设置焦点。
示例
nbsp;html>
登录后复制 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
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对象示例
nbsp;html>一年级 二年级 三年级 四年级 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); }
登录后复制
注册表
| 用户名： | |
| 密码： | |
| 确认密码： |
羽毛球 篮球 乒乓球 足球
大一 大二 大三 大四
//使用$()函数可节省代码量 function $(id){ return document.getElementById(id); } function check(){ var n = document.getElementById("name"); var w = document.getElementById("pw"); var msg = document.getElementById("wrong-massage"); var c = document.getElementById("pw-check"); if(n.value.length>12){ msg.innerHTML = "用户名不能超过15个字符，请重新输入！"; n.focus(); return false; } if(n.value.length==0){ msg.innerHTML = "用户名不能为空，请重新输入！"; n.focus(); return false; } if(w.value.length>12){ msg.innerHTML = "密码不能超过12个字符，请重新输入！"; w.focus(); return false; } if(w.value.length==0){ msg.innerHTML = "密码不能为空，请重新输入！"; w.focus(); return false; } if(w.value!=c.value){ msg.innerHTML = "密码错误，请重新输入！"; c.focus(); return false; } var sex = document.getElementsByName("sex"); var hobby = document.getElementsByName("hobby"); for(var i=0;i<sex.length;i++){ sex[i].disabled=true; console.log(sex[i].checked+" "+sex[i].value); } console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~") for(var i=0;i<hobby.length;i++){ hobby[i].checked = true; console.log(hobby[i].checked+" "+hobby[i].value); } console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~") var select = document.getElementById("grade"); var options = select.options; console.log(select.length); console.log(select.selectedIndex); console.log(options[select.selectedIndex].value); for(var i=0;i12){ msg.innerHTML = "用户名不能超过15个字符，请重新输入！"; n.value = ""; n.focus(); } else if(n.value.length==0){ msg.innerHTML = "用户名不能为空，请重新输入！"; n.focus(); } else{ msg.innerHTML = " "; } } function check_pw(){ var w = document.getElementById("pw"); var msg = document.getElementById("wrong-massage"); if(w.value.length>12){ msg.innerHTML = "密码不能超过12个字符，请重新输入！"; w.value = ""; w.focus(); } else if(w.value.length==0){ msg.innerHTML = "密码不匹配，请重新输入！"; w.focus(); } else { msg.innerHTML = " "; } }
登录后复制
Image 对象
Image 对象属性
src：设置或返回图像的 URL。
相关推荐：
以上就是HTML对象：html一些对象属性的介绍的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2832846.html
