很多站长朋友们都不太清楚html输入框怎么隐藏,今天小编就来给大家整理html输入框怎么隐藏,希望对各位有所帮助,具体内容如下:
本文目录一览: 1、 html怎么让输入框隐形? 2、 html 怎样把输入框隐藏? 3、 怎么控制html页面td标签的隐藏和显示?? html怎么让输入框隐形?js动态改变样式就好 假设文本框中属性 id="a"
$("#a").focus(function(){
$(this).css("border","1px")
}).blur(function(){
$(this).css("border","0px")
})
其实就是获焦时 边框有 失去焦点时 边框木有 就达到效果了
希望能帮到你 谢谢
html 怎样把输入框隐藏?<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>
怎么控制html页面td标签的隐藏和显示??1、打开HBuilder编辑工具,新建静态页面inputShowHide.html,引入jquery核心js文件。
2、在<body></body>元素内插入一个表格,表格中第一行插入七个输入框;第一个输入框设置为显示,其他六个输入框设置为隐藏,分别设置对应的值。
3、在jquery初始化函数内编写js代码,获取input输入框对象,声明变量selectInput并赋值为3;遍历input对象,当循环时变量selectInput等于i,让其对应的input输入框显示,其他的隐藏。
4、保存代码并预览该静态页面,发现第三个输入框显示出来,其他的都隐藏了。
5、如果不想使用for循环,可以直接利用jquery选择器功能,控制输入框显示和隐藏。
6、再次预览页面,发现出现了报错,查看代码发现是选择器符号写错了;jquery筛选选择器以什么开头,需要使用的是"^=",而不是“=^”。
关于html输入框怎么隐藏的介绍到此就结束了,不知道本篇文章是否对您有帮助呢?如果你还想了解更多此类信息,记得收藏关注本站,我们会不定期更新哦。
查看更多关于html输入框怎么隐藏 js隐藏输入框的详细内容...