一、<input
type="hidden"
/>
二、<input
type="text"
style="display:none"
/>
以上两种方法可以实现不留痕迹的隐藏。
三、<input
type="text"
style="visibility:
hidden"
/>
第三种方法可以实现占位隐藏（会留下空白而不显示）
1、首先打开HBuilder编辑工具，新建静态页面inputShowHide.html，引入jquery核心js文件。2、其次在元素内插入一个表格，表格中第一行插入七个输入框；第一个输入框设置为显示，其他六个输入框设置为隐藏，分别设置对应的值。
3、然后在jquery初始化函数内编写js代码，获取input输入框对象，声明变量selectInput并赋值为3；遍历input对象，当循环时变量selectInput等于i，让其对应的input输入框显示，其他的隐藏。
<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>
