html如何让input隐藏

115 阅读 0 评论 76 点赞

我是靠谱客的博主无限大侠，最近开发中收集的这篇文章主要介绍html如何让input隐藏，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

方法1：

<input  type = "hidden" />
登录后复制

type 属性规定 input 元素的类型；当值为hidden时，可定义隐藏的输入字段。

方法2：

<input  type = "text"  style = "display:none"  />
登录后复制

style 属性规定元素的行内样式

display:none方法，不占据空间，把元素隐藏起来，所以动态改变此属性时会引起重排（改变页面布局），可以理解成在页面中把该元素删除掉一样；不会被子孙继承，但是其子孙是不会显示的，毕竟都一起被隐藏了。

方法3：

<input  type = "text"  style = "visibility:hidden"  />
登录后复制

visibility 属性规定元素是否可见。这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间，不过可以完全不可见。

visibility:hidden方法中，元素会被隐藏，但是不会消失，依然占据空间，隐藏后不会改变html原有样式；会被子孙继承，子孙也可以通过显示的设置visibility: visible;来反隐藏；不会触发该元素已经绑定的事件，动态修改此属性会引起重绘。

以上就是无限大侠为你收集整理的html如何让input隐藏的全部内容，希望文章能够帮你解决html如何让input隐藏所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。