网页设计 如何插入复选框

网页设计 如何插入复选框,第1张

如果是用Dreamweaver编辑网页的话,直接使用:插入--表单--复选框即可,

代码格式如下:

<form id="form1" name="form1" method="post" action="">

<input type="checkbox" name="button" id="button" />

<label for="button">第一个</label>

<input type="checkbox" name="button" id="button" />

<label for="button">第二个</label>

</form>

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>添加设备</title>

<script type="text/javascript">

function a() {

if (f.os[0].checked == true) {

document.getElementById("c1").style.display="inline-block"

document.getElementById("c2").style.display="inline-block"

document.getElementById("c3").style.display="none"

}

if (f.os[1].checked == true) {

document.getElementById("c1").style.display="inline-block"

document.getElementById("c2").style.display="none"

document.getElementById("c3").style.display="inline-block"

}

}

</script>

</head>

<body>

<br><br><br><br>

<form name="f">

<input type="radio" name="os" onclick="a()" >第一个单选按钮

<input type="radio" name="os" onclick="a()" >第二个单选按钮

<br><br>

<label for="c1" id="c1"><input type="checkbox" value="c1" >第一个复选按钮</label>

<label for="c2" id="c2"><input type="checkbox" value="c2" >第二个复选按钮</label>

<label for="c3" id="c3"><input type="checkbox" value="c3" >第三个复选按钮</label>

</form>

</body>

</html>

是这意思吧

单选按钮少的话,比如男和女,建议用ACCESS整型就行了,

给二楼的一样,把单选按钮的名字设置一样,

比如

<input name="sex" type="radio" value="0" checked="checked"/>男

<input name="sex" type="radio" value="0" />女

默认的情况下是选择男的。

你要输出的时候可以

<%

if rs("sex")=0 then

response.write "男"

else

response.write "女"

end if

%>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11942526.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存