在HTML中,可以使用textarea元素創建可多行輸入的文本框。有時候我們希望這個文本框只顯示內容,不能被用戶修改,這時候我們需要設置textarea的只讀屬性。
在textarea中設置readonly屬性即可將它設置成只讀。如下所示:
<textarea readonly>這是只讀的textarea</textarea>如果你想使用CSS來設置只讀屬性,可以采用以下方式:
textarea[readonly] { background-color: #f1f1f1; border: none; }上述代碼將只讀的textarea的背景顏色設置成了灰色,同時去掉了邊框。 請注意,在使用readonly屬性時,雖然文本框不能被修改,但它仍然可以被選中和復制。如果你不希望用戶進行任何操作,可以通過設置disabled屬性來禁用textarea。如下所示:
<textarea disabled>這是禁用的textarea</textarea>使用disabled屬性創建的文本框將無法被選中,也不能被復制。這種方法適用于展示內容而非用戶輸入的場景。 總之,通過設置readonly或disabled屬性,我們可以在HTML中創建只讀或禁用的textarea元素,以滿足不同的需求。