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

2021-08-19 01:48:00 字數 307 閱讀 8379

1、使用

disabled屬性:

2、使用readonly屬性:

注:disabled和readonly得區別:

disabled:使用它之後,輸入框就會變成灰色,以及裡面的文字,此時的滾動條也就會自動消失,滾動條也就沒有了,所以如果裡面的文字很少,不需要滾動條的時候,那麼用disabled 和 readonly 都可以!

readonly:這個相對來說比較好,用了之後滾動條和文字不變,唯一的就是裡面的文字不能編輯了,其實我們要的就是這個效果,不管文字再多,滾動條還是照樣可以使用的,所以我認為一般用readonly比較好!

textarea 固定大小和禁止拖動

textarea 在瀏覽器中固定大小和禁止拖動 html 標籤 textarea 在大部分瀏覽器中只要指定行 rows 和列 cols 屬性,就可以規定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 css 的 height 和 width 屬性,但是chrome,safari和f...

input表單元素的預設padding不一致問題

最近做的專案,發現一堆問題,input type text 和type button 1 在無文字的時候高度是一致的,分別寫入相同大小的文字type button 高度 type text 查詢的資料是padding在不同瀏覽器的表現不一致,尤其是chrome,具體文章見 2 一旦給input ty...

input框取消游標顏色手機端不生效

style input style input value 我要隱藏游標 文字顏色可以使用text shadow屬性 style input style pc端沒問題,但是手機端測試無效。這裡我用div模擬乙個 pc端沒問題,但是手機端依然測試無效。還可與使用乙個方法 給div或者p加 conten...