回覆列表
-
1 # 小橘子Baby
-
2 # pzyyo24296
一、首先,輸入hbuilder軟體,建立一個新的HTML檔案,在其中編寫一個textarea和一個按鈕,為該紋理提供一個ID,並將該按鈕的class屬性設定為BTN二、接著在下方的script標籤中寫入js程式碼,先分別獲取textarea和按鈕的dom物件,然後給按鈕新增一個點選事件,當點選之後設定textarea的disabled的屬性為disabled:三、最後,開啟瀏覽器,您可以看到一段文字區域和一個按鈕。單擊該按鈕時,文字區域將變為灰色且不可寫狀態,此時無法輸入任何內容:
在HTML中有2個屬性是控制textarea是否可輸入disabled屬性該屬性規定禁用文字區。被禁用的文字區既不可用,也不可點選;readonly屬性該規定文字區為只讀。在只讀的文字區中,無法對內容進行修改,但使用者可以透過tab鍵切換到該控制元件,選取或複製其中的內容;上面2個屬性有個最大的區別,在提交表單時,disabled屬性的控制元件不會被提交,readonly屬性的控制元件會被提交。因此,如果僅僅用於禁止輸入(只讀,但有用),使用readonly屬性<textareareadonly="readonly"></textarea>如果是禁止(無用,貌似只讀),使用disabled屬性<textareadisabled="disabled"></textarea>在實際的一般很少存在禁止disabled情形,而只讀readonly較多