Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính HTML bị vô hiệu hóa

Thuộc tính đã tắt của phần tử được sử dụng để tắt phần tử . Khi một phần tử bị vô hiệu hóa, phần tử đó sẽ không thể nhấp vào được. Vì những lý do rõ ràng, phần tử đầu vào bị vô hiệu hóa sẽ không được gửi.

Cú pháp

Sau đây là cú pháp -

<input disabled>

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính bị vô hiệu hóa của phần tử -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h2>Details</h2>
<form>
<p>These are the new details...</p>
<fieldset>
<legend>New Details:</legend>
Player: <input type="text" disabled><br>
Rank: <input type="number"><br>
Email: <input type="email"><br>
Reporting Time: <input type="time">
</fieldset>
</form>
</body>
</html>

Đầu ra

Thao tác này sẽ tạo ra kết quả đầu ra sau đây, trong đó chúng tôi đã tắt một trong các yếu tố đầu vào “Trình phát” -

Thuộc tính HTML  input  bị vô hiệu hóa

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

Player: <input type="text" disabled><br>
Rank: <input type="number"><br>
Email: <input type="email"><br>
Reporting Time: <input type="time">

Trong số bốn trường trên, chúng tôi đã vô hiệu hóa một trong số chúng bằng cách sử dụng thuộc tính đã tắt -

Player: <input type="text" disabled>

Giờ đây, trong các trường ở trên, bạn sẽ không thể thêm bất kỳ văn bản nào vì nó đã bị tắt.