1、type=”hidden” 就像type=”text”一样，hidden也是一种类型，隐藏且不占位置。
2、style=”display:none;” 通过样式可以隐藏任何元素，文本框也不例外。
3、style=”visibility:hidden;” 这个也是通过样式隐藏的，但不同之处是这样隐藏后还占位置。
用选择器区分：li>a表示仅选择li标签下的直接a元素，不会选择p里面的a；lipa表示li标签下的p元素下的a元素,不会选择li下的直属a元素
HTML dom隐藏有下列几种方式：
设置元素的opacity值为0
设置元素的visibility值为hidden
设置元素的display值为none
设置元素的position值为absolute，并且将其移到不可见区域
设置元素clip（在新的CSS中使用clip-path来替代clip）
除此之外，还可以使用：
设置元素的hidden
上面隐藏元素的方法都是大家常见的，也是众所周之的。当然除此之外还有一些特殊的小技巧,比如说：
将元素的font-size、line-height、width和height设置为0
设置元素的transform的translateX或者translateY的值为-100%
