1. 程式人生 > >textarea和input不可編輯得解決方法

textarea和input不可編輯得解決方法

1、使用disabled屬性
  1. <textarea name="" cols="" rows="" disabled>加油,加加油!</textarea>  

2、使用readonly屬性:
  1. <textarea name="" cols="" rows="" readonly>加油,加加油!</textarea>  
注:disabled和readonly得區別:
disabled:使用它之後,輸入框就會變成灰色,以及裡面的文字,此時的滾動條也就會自動消失,滾動條也就沒有了,所以如果裡面的文字很少,不需要滾動條的時候,那麼用disabled 和 readonly 都可以!
readonly:這個相對來說比較好,用了之後滾動條和文字不變,唯一的就是裡面的文字不能編輯了,其實我們要的就是這個效果,不管文字再多,滾動條還是照樣可以使用的,所以我認為一般用readonly比較好!