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

Thuộc tính disabled của phần tử <input> được dùng để vô hiệu hóa <input>. Khi phần tử bị vô hiệu hóa, nó trở nên không thể click. Theo lý do rõ ràng, phần tử input bị vô hiệu hóa sẽ không được submit.

Cú pháp

Cú pháp như sau:

<input disabled>

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

Ví dụ

<!DOCTYPE html> <html> <body> 
<h2>Chi tiết</h2> 
<form> 
    <p>Đây là các chi tiết mới...</p> 
    <fieldset> 
        <legend>Chi tiết mới:</legend> 
        Cầu thủ: <input type="text" disabled><br> 
        Xếp hạng: <input type="number"><br> 
        Email: <input type="email"><br> 
        Giờ báo到: <input type="time"> 
    </fieldset> 
</form> 
</body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả sau đây, nơi chúng ta vô hiệu hóa một trong các phần tử input là "Cầu thủ":

Trong ví dụ trên, chúng ta có bốn trường:

Cầu thủ: <input type="text" disabled><br> 
Xếp hạng: <input type="number"><br> 
Email: <input type="email"><br> 
Giờ báo到: <input type="time">

Trong bốn trường trên, chúng ta vô hiệu hóa một trường bằng thuộc tính disabled:

Cầu thủ: <input type="text" disabled>

Bây giờ bạn không thể thêm văn bản vào trường đó vì nó đã bị vô hiệu hóa.