为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/表单美化

b标签不出现

.typeList ul li b {

display: block;

width: 20px;

height: 20px;

position: absolute;

top: 6px;

left: 0;

background: url(img/radiobutton.gif) no-repeat -12px -18px;

}

.typeList ul li lable {

padding-left: 3px;

}

</style>

<script type="text/javascript">

function createTag(){//动态创建b标签

var li=document.getElementById("checkList").getElementsByTagName("li");

var label;

for(var i=0;i<li.length;i++){

label=li[i].getElementsByTagName("label");

var bTag=document.createElement("b");

li[i].insertBefore(bTag,label[0]);

}

}

window.onload=createTag;

</script>


1348448970

2015-11-24

源自：表单美化  2-3

关注问题 我要回答
1417
操作
收起

正在回答

6 回答

李晓健
2015-11-24

给你一下你的html代码

0 回复 有任何疑惑可以回复我~
收起回答
#1

1348448970 提问者

问题解决了
2015-11-24 回复 有任何疑惑可以回复我~
482846878
2016-10-21

解决了


0 回复 有任何疑惑可以回复我~
收起回答
482846878
2016-10-21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<link rel="stylesheet" href="表单美化案例/复选框/css/public.css" />

<style type="text/css">

.typelist{width:540px; height:32px; margin:30px auto 0; border:1px #000000 solid; border-width:1px 0;}

.typelist ul{height:32px; line-height:32px; padding-left:12px;}

.typelist ul li{float:left; margin-right:12px;}

.typelist ul li input{ display:none;}

.typelist ul li b{width:20px; height:20px; background:#003; display:block;}

</style>

<script type="text/javascript">

function creatTag(){

var li = document.getElementById("listcheck").getElementsByTagName("li");

var label;

for (var i=0;i<li.length;i++){

label = li[i].getElementByTagName("label"); 

var bTag = document.createElement("b");

li[i].insertBefore(bTag,label[0]);

}

}

window.open(creatTag);

</script>


</head>


<body>

<div class="typelist">

<form action="#" method="post">

<ul id="listcheck">

<li><input id="one" type="checkbox" name="typelist" /><label for="one">div1</label></li>

<li><input id="two" type="checkbox" name="typelist" /><label for="two">div1</label></li>

<li><input id="three" type="checkbox" name="typelist" /><label for="three">div1</label></li>

<li><input id="four" type="checkbox" name="typelist" /><label for="four">div1</label></li>

<li><input id="five" type="checkbox" name="typelist" /><label for="five">div1</label></li>

<li><input id="six" type="checkbox" name="typelist" /><label for="six">div1</label></li>

<li><input id="seven" type="checkbox" name="typelist" /><label for="seven">div1</label></li>

</ul>

</form>

</div>

</body>

</html>

为什么b没出来？

0 回复 有任何疑惑可以回复我~
收起回答
qq_Thefamiliars_0
2016-08-07

怎么出现的，我的b标签就没有用

0 回复 有任何疑惑可以回复我~
收起回答
秦二明
2016-01-07

为什么我的只出现一个b标签呢

0 回复 有任何疑惑可以回复我~
收起回答
#1

1348448970 提问者

发代码我看看
2016-01-07 回复 有任何疑惑可以回复我~
echo_kinchao
2015-11-25

是不是 遮住了

0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
表单美化
  • 参与学习       41169    人
  • 解答问题       151    个

本教程讲解表单美化，主要是对方法和思路的分享，让表单与众不同

进入课程

b标签不出现

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信