Thuộc tính disabled của thẻ <textarea> trong HTML

Thuộc tính disabled của phần tử <textarea> được dùng để vô hiệu hóa <textarea>. Sau khi vô hiệu hóa, bạn sẽ không thể chọn văn bản từ <textarea>.

Cú pháp

Cú pháp như sau:

<textarea disabled>

Ví dụ

Ví dụ triển khai thuộc tính disabled của phần tử <textarea>:

<!DOCTYPE html> <html> <body> 
<h2>Chi tiết ứng viên</h2> 
Tên sinh viên: <input type="text" value="David"><br> 
Mã sinh viên: <input type="number" value="007"><br> 
<p>Trình độ học vấn (Đại học)</p> 
<select> 
    <option value="bca">B.Tech</option> 
    <option value="btech">BCA</option> 
    <option value="bcom">B.COM</option> 
    <option value="bsc">B.SC</option> 
    <option value="bba">BBA</option> 
</select> 
<p>Trình độ học vấn (Sau đại học)</p> 
<select> 
    <option value="mca">MCA</option> 
    <option value="mtech">M.Tech</option> 
    <option value="mcom">M.COM</option> 
    <option value="msc">M.SC</option> 
</select></br> 
<p>Thông tin:</p> 
<textarea rows="5" cols="30" disabled> Bạn cần mang theo chứng chỉ cho các bằng cấp đã nêu ở trên. </textarea> 
</body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Trong ví dụ trên, chúng ta có danh sách thả xuống và textarea:

<select> 
    <option value="mca">MCA</option> 
    <option value="mtech">M.Tech</option> 
    <option value="mcom">M.COM</option> 
    <option value="msc">M.SC</option> 
</select></br> 
<p>Thông tin:</p> 
<textarea rows="5" cols="30" disabled> Bạn cần mang theo chứng chỉ cho các bằng cấp đã nêu ở trên. </textarea>

<textarea> bị vô hiệu hóa bằng thuộc tính disabled tức là người truy cập không thể chỉnh sửa nó:

<textarea rows="5" cols="30" disabled> Bạn cần mang theo chứng chỉ cho các bằng cấp đã nêu ở trên. </textarea>