如果你遇到一種狀況,不希望使用者任意變更表單元件的內容,那麼看這篇就對了,這裡要介紹的就是表單元件的封鎖。
首先,這裡要用兩種表單元件作示範,文字欄位和核取方塊:
一般狀態如下:
disabled 狀態如下:
readonly 狀態如下(只作用於文字欄位):
首先,這裡要用兩種表單元件作示範,文字欄位和核取方塊:
一般狀態如下:
語法1. 文字欄位<input type="text" name="txt" value="test">
2. 核取方塊<input type="checkbox" name="box" checked>
Demo
1. 文字欄位
2. 核取方塊
2. 核取方塊<input type="checkbox" name="box" checked>
Demo
1. 文字欄位
2. 核取方塊
disabled 狀態如下:
語法1. 文字欄位<input type="text" name="txt" value="test" disabled>
2. 核取方塊<input type="checkbox" name="box" checked disabled>
Demo
1. 文字欄位
2. 核取方塊
2. 核取方塊<input type="checkbox" name="box" checked disabled>
Demo
1. 文字欄位
2. 核取方塊
readonly 狀態如下(只作用於文字欄位):
語法1. 文字欄位<input type="text" name="txt" value="test" readonly>
2. 核取方塊<input type="checkbox" name="box" checked readonly>
Demo
1. 文字欄位
2. 核取方塊
2. 核取方塊<input type="checkbox" name="box" checked readonly>
Demo
1. 文字欄位
2. 核取方塊
| 2006/04/03 18:34 |
Trackback Address :: http://blog.raienet.com/trackback/214
