台湾的两篇文章，看看也好：唯讀的表單文字輸入項

新客网 XKER.COM 2003-07-11 来源： 收藏本文

這是網友在討論區問到的問題, 希望能將某些表單 (Form) 的文字輸入項設定為唯讀屬性, 讓使用者無法修改, 譬如講, 在一個購物清單中顯示出價格, 數量, ..., 你一定不希望使用者可以任意的修改價格, 但為了要將直傳到下一個網頁, 又必須要用 Input 文字輸入項, 今天的文章就來看麥如何做到表單文字輸入項的唯讀屬性

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()", 當使用者按到該文字輸入項時, 也就是得到焦點時立刻失去焦點, 這樣就可以達到唯讀的效果! 是不是很簡單

希望這篇文章對你有幫助!

• ·ASP+ACCESS数据库中文乱码问题解决
• ·编程实例 字母+数字验证码程序
• ·ASP连接数据库错误解决办法新法
• ·初学:ASP内建对象Response
• ·ASP网站Server object error的解决办法
• ·ASP技巧：让Len,Left,Right函数识别中文
• ·把网页中的电话号码生成图片的ASP程序
• ·ASP如何实现IE地址栏参数的判断
• ·细化解析：ASP连接11种数据库语法集锦
• ·ASP实现网页打开任何类型文件都保存
• ·ASP代码直接增加、删除ACCESS表和字段
• ·ASP：判断访问是否来自搜索引擎的函数
• ·ASP技巧：禁用页面缓存的五种方法
• ·学习ASP关于与变量子类型相关的函数
• ·ASP开发中的(VBScript)类基础学习
• ·ASP访问Excel文件