如何隐藏一个Html文本输入框

如何隐藏一个Html文本输入框,第1张

可以隐藏

一、<input

type="hidden"

/>

二、<input

type="text"

style="display:none"

/>

以上两种方法可以实现不留痕迹的隐藏。

三、<input

type="text"

style="visibility:

hidden"

/>

第三种方法可以实现占位隐藏(会留下空白而不显示)

jquery

获取

input

文本框中的值方法始终是相同的,与是否隐藏无关,隐藏与不隐藏都能获取到值;

<script>

var

value

=

$('#demo').val()

//

直接根据

input

的id

获取值

var

value

=

$('.demo').val()

//

根据input

的class

类获取值,此方法需保证只有一个input

使用该class

类,否则始终返回第一个使用该class

类的input

的值

var

value

=

$('#thisdiv

input').val()

//

var

value

=

$('#thisdiv

.demo').val()

//

根据父元素定位input

获取值

以上的方法都能获取到

input

中的值,与div

是否隐藏没关系

</script>

<html>

    <head>

    <script src="jquery-2.1.1.min"></script>

    <script type="text/javascript">

    $(document).ready(function(){

$("#a").hover(function(){

    $(this).css({border:"1px solid #444"})

},function(){

    $(this).css({border:"none"})

})

    })

    </script>

    </head>

    <body>

    <input id="a" type="text" >

    </body>

</html>


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

原文地址: http://outofmemory.cn/zaji/6302676.html

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

发表评论

登录后才能评论

评论列表(0条)

保存