HTML标签隐藏以及不可修改

标签隐藏：

方法一：设置display属性为none

<input style="display:none"   type="text" name="customer_area_id" >

方法二：设置visibility属性为hidden

<input style="visibility:hidden"   type="text" name="customer_area_id" >

display和visibility的区别在于display:none; 使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”; visibility:hidden; 使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值

不可修改：

方法一：设置readonly属性为true。

<input type="text" value="" readonly>

方法二：设置disabled属性为true

<input type="text" value=""  disabled="disabled">

readonly和disabled不同的区别在于表单提交时readonly是可以提交上去，而disabled无法提交。