台湾的两篇文章,看看也好:唯讀的表單文字輸入項
来源:岁月联盟
时间:2003-07-11
Diabled
這是大多數的人直覺想到的方法
<form>
<input name="price" value="100" disabled>
</form>
這個方法看起來是解決了問題, 不過後壁的麻煩就來了, 在下一個網頁中使用 Request.Form("price") 你會發現 Request.Form("price") 的值是空字串, 因為加上了 disabled , 所以 price 的值並沒有送出
Blur 事件 (Event)
卡好的方法是利用 Javascript 中 Form 的 Blur 事件, 當使用者的滑鼠按到文字輸入項時它會得到焦點, 游標會停在輸入格, 而當滑鼠按到文字輸入項以外部份, 則該輸入項會失去焦點, 因此我們可以使用 Blur 事件來強制讓文字輸入項失去焦點
<form>
<input name="price" value="100" onFocus="this.blur()">
</form>
將 disabled 改為 onFocus="this.blur()", 當使用者按到該文字輸入項時, 也就是得到焦點時立刻失去焦點, 這樣就可以達到唯讀的效果! 是不是很簡單
希望這篇文章對你有幫助!