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

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

Thuộc tính bị vô hiệu hóa trong HTML được sử dụng để vô hiệu hóa một phần tử. Sử dụng thuộc tính này trên các phần tử sau -

<button>, <textarea>, <optgroup>, <select>, <fieldset>, <input>, and <option>.

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

<element disabled>

Phần tử trên sẽ bị vô hiệu hóa vì chúng tôi đã thiết lập nó bị vô hiệu hóa.

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ử trong HTML.

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 đượ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.

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ả sau, 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 bị vô hiệu hóa HTML