在 jQuery Mobile 中,input 元素的隱藏有多種方式。常見的有以下兩種。
1. 設置 input 的類型為 hidden
<input type="hidden" id="input-hide">
使用該方式,可以通過在 JavaScript 中獲取 input 元素來操作其值。例如:
var myInput = $("#input-hide"); myInput.val("hello world");
注意:該方式的缺點是不易于調試。
2. 使用 class="ui-hidden-accessible" 屬性
<input class="ui-hidden-accessible" id="input-hide2">
使用該方式,可以在頁面中隱藏 input 元素。同時,使用這個 class 屬性時,jQuery Mobile 會將元素移到頁面的可見區域之外,而不是隱藏元素。
同樣,也可以通過 JavaScript 獲取元素來操作其值。例如:
var myInput = $("#input-hide2"); myInput.val("hello world");
該方式的優點是易于調試,但缺點是有一定的性能損耗。
上一篇html5 灰色代碼
下一篇html5 濾鏡代碼