- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 7Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9Intel i7-9700K性能跑分曝光：同代提升约12%
- 10qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 11AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
- 12美国增加25％进口关税！PC硬件要大涨价
[摘要]这篇文章给大家分享的内容是关于HTML对象：html一些对象属性的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。Form 对象Form 对象方法reset() ：把表单的所有输入元素重置为它们的默认值。submit() ：提交表单。Text 对象Text 对象属性disabl...
这篇文章给大家分享的内容是关于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="百度一下" onclick="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" onclick="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 style="color:red;" id="wrong-massage"></span><br />
<form onsubmit="return check()">
<table>
<tr>
<td>用户名：</td>
<td><input id="name" placeholder="请输入用户名" onblur="check_name()" ></td>
</tr>
<tr>
<td>密码：</td>
<td><input id="pw" type="password" placeholder="请输入密码" onblur="check_pw()"></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input id="pw-check" type="password" placeholder="请输入确认密码"/></td>
</tr>
</table>
<input type="radio" name="sex" value="0"/>男
<input type="radio" name="sex" value="1"/>女
<br />
<input type="checkbox" name="hobby" value="0"/>羽毛球
<input type="checkbox" name="hobby" value="1"/>篮球
<input type="checkbox" name="hobby" value="2"/>乒乓球
<input type="checkbox" name="hobby" value="3"/>足球
<br />
<select id="grade">
<option value="1">大一</option>
<option value="2">大二</option>
<option value="3">大三</option>
<option value="4">大四</option>
</select>
<br />
<td><input type="reset" value="重置" /></td>
<td><input type="submit" value="注册"/></td>
</form>
<script>
//使用$()函数可节省代码量
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;i<options.length;i++){
var option = options[i];
console.log(option.value)
select.disabled = true;
}
return false;
}
function check_name(){
var n = document.getElementById("name");
var msg = document.getElementById("wrong-massage");
if(n.value.length>12){
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 = " ";
}
}
</script>
</body>
</html>Image 对象
Image 对象属性
src：设置或返回图像的 URL。
相关推荐：
以上就是HTML对象：html一些对象属性的介绍的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1如何在mysql5.6及以下版本查询数据库里的json详情
- 2详细说明Mysql5.7中文乱码问题的处理方法
- 3MySQL主从复制实战-详细说明基于日志点的复制代码案例
- 4MySQL优化之InnoDB优化代码详细说明
- 5MySQL优化之连接优化示例代码
- 6MySQL优化之缓存优化详细说明（二）
- 7有关MySQL数据库中的外键约束详细说明
- 8如何处理MySQL 5.0.16中的乱码问题
- 9MySQL动态增删改列字段
- 10监控MySQL的一起收集表信息代码详细说明（图文）
- 11MySQL根据离线binlog迅速“闪回”的详情说明
- 12对于MySQL字符集问题详细说明（图）
- 1红米3s如何刷miui8 红米3s刷机miui8方法流程图解
- 2用钱宝如何注销 用钱宝注销图文说明教程详细说明
- 3用钱宝收不到验证码如何回事 用钱宝收不到验证码处理方法
- 4小米5s设置参数 小米5s参数是什么
- 5腾讯qq电脑管家文件粉碎在什么地方 电脑管家文件粉碎如何用
- 6Win7系统如何打开rar文件？
- 7Photoshop入门者的使用技巧
- 8橙子vr如何看百度云资源 橙子vr观看百度云视频资源图文说明教程
- 9oppo r9如何截图 oppo r9截屏图文说明教程
- 10vivo x5max如何刷机 vivo x5max刷机图文说明教程
- 11一加3如何截图 一加3如何截屏
- 12酷狗k歌如何备份录音 酷狗k歌录音备份图文说明教程
