如何用javascript 隐藏文本字段
<scriptlanguage="javascript"type="text/javascript">functiontt(){document.getElementsB...
<script language="javascript" type="text/javascript">
function tt() {
document.getElementsById( "textfield").disabled="disabled"
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" id="textfield" name="textfield" />
<script>
tt()
</script>
</form>
</body>我的不成功为什么,正确应该怎么 写
disabled="disabled" 换成true也不好用,换成“true”也不好用 展开
function tt() {
document.getElementsById( "textfield").disabled="disabled"
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" id="textfield" name="textfield" />
<script>
tt()
</script>
</form>
</body>我的不成功为什么,正确应该怎么 写
disabled="disabled" 换成true也不好用,换成“true”也不好用 展开
5个回答
展开全部
你要知道,如果隐藏了是在页面上看不到的哦,你也没办法输入。
<input type="hidden" name="textfield" value="abc" />
type="text" 换成 hidden( 隐藏) value就是数据
作用:可以让用户看不到的情况下,保存数据,以便传递
缺点:在页面没办法直接修改(半个优点半个缺点)
-----------------------------------
如果你需要可以隐藏,可以显示的话,你就要写javascript代码了,我推荐你去下载jquery包,里面有很多这样的方法,很方便,当然我下面的是javascript(已经调试):
<script>
function test(id){//参数是id,如果对你name比较熟悉,你可以改改代码换成name
var id=document.getElementById(id);
if(id.style.display == 'none'){//none表示隐藏起来的意思,也就说如果这个元素是隐藏起来的话
id.style.display='block';//显示它
}else{//否则
id.style.display = 'none';//隐藏它;
}
}
</script>
<div onClick="test('test')">单击我显示隐藏的文本域</div>
<div style="display:none;" id="test">我是隐藏起来的~:<input type="text" name="abc" />display:none;就是css里隐藏某个元素的代码</div>
------------------------------------
好了,有问题就问我吧,可以百度联系我或者我们团队~
<input type="hidden" name="textfield" value="abc" />
type="text" 换成 hidden( 隐藏) value就是数据
作用:可以让用户看不到的情况下,保存数据,以便传递
缺点:在页面没办法直接修改(半个优点半个缺点)
-----------------------------------
如果你需要可以隐藏,可以显示的话,你就要写javascript代码了,我推荐你去下载jquery包,里面有很多这样的方法,很方便,当然我下面的是javascript(已经调试):
<script>
function test(id){//参数是id,如果对你name比较熟悉,你可以改改代码换成name
var id=document.getElementById(id);
if(id.style.display == 'none'){//none表示隐藏起来的意思,也就说如果这个元素是隐藏起来的话
id.style.display='block';//显示它
}else{//否则
id.style.display = 'none';//隐藏它;
}
}
</script>
<div onClick="test('test')">单击我显示隐藏的文本域</div>
<div style="display:none;" id="test">我是隐藏起来的~:<input type="text" name="abc" />display:none;就是css里隐藏某个元素的代码</div>
------------------------------------
好了,有问题就问我吧,可以百度联系我或者我们团队~
展开全部
“disabled”是设置不可用的,要隐藏该控件不能用这个属性,应该用“style.display”
document.getElementsById( "textfield").style.display = "none" ;
document.getElementsById( "textfield").style.display = "none" ;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
总结下:
1.是document.getElementById( "textfield")而不是document.getElementsById( "textfield")
多了个s
2.设置隐藏是document.getElementById( "textfield").style.display = "none";
1.是document.getElementById( "textfield")而不是document.getElementsById( "textfield")
多了个s
2.设置隐藏是document.getElementById( "textfield").style.display = "none";
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是document.getElementById( "textfield") 不是document.getElementsById( "textfield"),注意Element后面没有s
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head>
<script type="text/javascript">
function hid(){
document.getElementById('test').style.display="none";
}
</script>
</head>
<body>
<p id="test">这是文本</p>
<button onclick="hid()">点击我隐藏上边面文本</button>
</body>
</html>
仅供参考!有疑问请追问
<head>
<script type="text/javascript">
function hid(){
document.getElementById('test').style.display="none";
}
</script>
</head>
<body>
<p id="test">这是文本</p>
<button onclick="hid()">点击我隐藏上边面文本</button>
</body>
</html>
仅供参考!有疑问请追问
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询