1. 程式人生 > >HTML標籤隱藏以及不可修改

HTML標籤隱藏以及不可修改

標籤隱藏:

方法一:設定 style ="display:none"

<td><input type = "text" style ="display:none" name = "bookid" value="${param.bookid}"></td>

方法二:設定 style="visibility:hidden"

<td><input type = "text" style="visibility:hidden" name = "bookid" value="${param.bookid}"></td>

style ="display:none"  : 

使用該屬性後,HTML元素(物件)的寬度、高度等各種屬性值都將“丟失”;

style="visibility:hidden" : HTML元素(物件)僅僅是在視覺上看不見(完全透明),而它所佔據的空間位置仍然存在,也即是說它仍具有高度、寬度等屬性值

不可修改:

方法一:設定readonly屬性為true。

<td><input type = "text" readonly ="true" name = "bookid" value="${param.bookid}"></td>

效果:看起來像可以修改 ,實際也是不可修改的

通過表單傳值到其他頁面可以得到

方法二:設定disabled屬性為true

<td><input type = "text" disabled ="true" name = "bookid" value="${param.bookid}"></td>

注意:disabled   表單提交無法提交到其他頁面,所以要傳值用第一種