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

Thẻ <input> HTML

Định nghĩa và cách sử dụng

Thuộc tính readonly để ngăn người dùng thay đổi giá trị cho đến khi满足了某些其他条件（như chọn kiểm tra tích chọn v.v.）。Sau đó, JavaScript có thể xóa Thuộc tính quy định trường nhập là chỉ đọc.

Thuộc tính readonly để ngăn người dùng thay đổi giá trị cho đến khi满足了某些其他条件（như chọn kiểm tra tích chọn v.v.）。Sau đó, JavaScript có thể xóa Thuộc tính là một thuộc tính boolean.

Nếu đã thiết lập thuộc tính này, nó quy định trường nhập là chỉ đọc.

Các trường nhập chỉ đọc không thể được thay đổi (nhưng người dùng có thể sử dụng phím tab để định vị đến nó, làm nổi bật và sao chép văn bản từ đó).

可以设置 Thuộc tính readonly để ngăn người dùng thay đổi giá trị cho đến khi满足了某些其他条件（như chọn kiểm tra tích chọn v.v.）。Sau đó, JavaScript có thể xóa Có thể thiết lập Thuộc tính readonly để ngăn người dùng thay đổi giá trị cho đến khi满足了某些其他条件（như chọn kiểm tra tích chọn v.v.）。Sau đó, JavaScript có thể xóa Giá trị và cho phép trường nhập có thể chỉnh sửa.

Lưu ý:Biểu mẫu vẫn sẽ gửi trường nhập chỉ đọc, nhưng sẽ không gửi trường nhập bị vô hiệu hóa!

Mô hình

Bao gồm một trường nhập chỉ đọc trong biểu mẫu HTML:

<form action="/action_page.php">
  <label for="country">Quốc gia:</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="Gửi">
</form>

Thử ngay

Cú pháp

<input readonly>

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Thẻ <input> HTML