如何用javascript 隐藏文本字段

JavaScript030

如何用javascript 隐藏文本字段,第1张

你要知道，如果隐藏了是在页面上看不到的哦，你也没办法输入。

<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>

------------------------------------

好了，有问题就问我吧，可以百度联系我或者我们团队~

：获取元素，判断点击，如果DIV显示就隐藏，如果DIV隐藏就显示出来。

1 if(DIV是显示的){

2 div.style.display='none'

3 }

4 else{

5 div.style.display='block'

6 }

代码：

style:

1 <style>

2 #text{display:blockwidth:300pxcursor:pointerheight:20pxborder:solid 1px #CCC}

3 #menu{display:nonewidth:300pxheight:100pxborder:solid 1px #CCC}

4 </style>

js:

<script type="text/javascript">

window.onload=function(){

var wenzi=document.getElementById('text')

var div=document.getElementById('menu')

wenzi.onfocus=function(){

if(div.style.display=='block'){ // == 判断div.display是否为显示

div.style.display='none'//= 赋值也可了解成改变

}

else{

div.style.display='block'

}

}

}

</script>

html

<span id="text">点击显示菜单，再点击隐藏菜单</span>

<div id="menu">这是文字哦。</div>

这不是JS吧，貌似是Smarty之类的模板语言。

Smarty是这样控制的

{if $Abstract}{$Abstract}{else}没有{/if}

或者

{if $Abstract}{$Abstract}{/if}

JS 控制的话会有一段延迟，也就是页面载入后到JS执行前这一段时间，用户还是看得到你隐藏的内容的。