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

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

可以隐藏

一、<input

type="hidden"

/>

二、<input

type="text"

style="display:none"

/>

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

三、<input

type="text"

style="visibility:

hidden"

/>

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

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


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

原文地址: https://outofmemory.cn/zaji/6207979.html

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

发表评论

登录后才能评论

评论列表(0条)

保存