html5 - JavaScript 的html标签 <label for=""> 怎么用?
本文介绍了html5 - JavaScript 的html标签 <label for=""> 怎么用?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
我学这个,做个了实验,怎么不管用?
我点了"点我试试",没有发生任何事,怎么改?
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 实验-14</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<style>
.a
{
width: 200px ;
height: 200px ;
background-color:#999999;
}
</style>
</head>
<body>
<div class="a" id="one"></div>
<div class="a" id="two"></div>
<label for="one">点我试试!!</label>
<script>
$("#one").on("mouseenter",fff)
$("#one").on("mouseleave",ggg)
function fff(){
$("#two").css("background-color","red");
}
function ggg(){
$("#two").css("background-color","#999999");
}
</script>
</body>
</html>解决方案
请看如下写法，for 的目标是一个 input 的 id ：
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">或一个 select 的 id ：
<label for="pandaroid-select">Select: </label>
<select class="form-control" id="pandaroid-select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>for 也可以用于 radio 、 checkbox 等，写法略有不同，如：
<label>
<input type="checkbox"> Check me out
</label>
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1">
Option one
</label>具体来说，您的代码可以这样改(注意其中 id 为 one 的部分)：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 实验-14</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<style>
.a
{
width: 200px ;
height: 200px ;
background-color:#999999;
}
</style>
</head>
<body>
<input class="a" id="one" type="text"></input>
<div class="a" id="two"></div>
<label for="one">点我试试!!</label>
<script>
$("#one").on("mouseenter",fff)
$("#one").on("mouseleave",ggg)
function fff(){
$("#two").css("background-color","red");
}
function ggg(){
$("#two").css("background-color","#999999");
}
</script>
</body>
</html>这篇关于html5 - JavaScript 的html标签 <label for=""> 怎么用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
