1. 程式人生 > >input中的disabled、readonly和hidden別誤用

input中的disabled、readonly和hidden別誤用

input中的disabled、readonly和hidden,相信一般的web應用中都會用到這些屬性,身為前端有義務認清這些東西,這樣的小東西容易在web應用產生bug。

disabled

用法:disabled=”disabled”

注意事項:value 不會在 Form 提交時傳送出去。這個對於按鈕來說用處比較大,一般的 type=”text” 最好是隱藏,而不是禁用,因為它不需要傳送資料。

readonly

用法:readonly=”readonly”

注意事項:value 會在 Form 提交時被髮送出去。所以需要在外觀上顯示跟一般 input/textarea 一樣,但不允許使用者修改資料,可以用這個屬性。

hidden

用法:type=”hidden”

注意事項:這個比較好理解,value 會被髮送,並且使用者看不到。

原文:http://zkeyword.com/post/disabled_readonly_hidden/