如何用javascript 隐藏文本字段

JavaScript013

如何用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执行前这一段时间,用户还是看得到你隐藏的内容的。