Đối tượng Văn bản đầu vào HTML DOM được liên kết với phần tử có loại “văn bản”. Chúng ta có thể tạo và truy cập một phần tử đầu vào với kiểu text bằng cách sử dụng phương thức createElement () và getElementById () tương ứng.
Thuộc tính
Sau đây là các thuộc tính cho đối tượng văn bản -
| Thuộc tính | Mô tả |
|---|---|
| tự động hoàn thành | Để đặt hoặc trả về giá trị thuộc tính tự động hoàn thành của trường văn bản |
| Tự động lấy nét | Để đặt hoặc trả lại nếu trường văn bản sẽ tự động lấy tiêu điểm khi trang tải. |
| defaultValue | Để đặt hoặc trả về giá trị mặc định của trường văn bản. |
| Đã tắt | Để đặt hoặc trả lại trường văn bản có bị tắt hay không. |
| Biểu mẫu | Để trả về tham chiếu của biểu mẫu có chứa trường văn bản |
| maxLength | Để đặt hoặc trả về giá trị thuộc tính maxlength của trường văn bản. |
| tên | Để đặt hoặc trả về giá trị thuộc tính tên của trường văn bản |
| mẫu | Để đặt hoặc trả về giá trị thuộc tính mẫu của trường văn bản |
| trình giữ chỗ | Để đặt hoặc trả về giá trị thuộc tính trình giữ chỗ của trường văn bản |
| readOnly | Để đặt hoặc trả lại nếu trường văn bản ở chế độ chỉ đọc hay không |
| bắt buộc | Để đặt hoặc trả lại nếu có bắt buộc phải điền vào trường văn bản trước khi gửi biểu mẫu hay không. |
| kích thước | Để đặt hoặc trả về giá trị thuộc tính size của trường văn bản. |
| loại | Đây là thuộc tính chỉ đọc trả về loại phần tử biểu mẫu của trường văn bản. |
| giá trị | Để đặt hoặc trả về giá trị thuộc tính value của trường văn bản. |
| danh sách | Để trả về một tham chiếu đến danh sách dữ liệu có chứa trường văn bản. |
Cú pháp
Sau đây là cú pháp cho -
Tạo đối tượng văn bản đầu vào -
var P = document.createElement("INPUT");
P.setAttribute("type", "text"); Ví dụ
Chúng ta hãy xem một ví dụ cho đối tượng văn bản đầu vào -
<!DOCTYPE html>
<html>
<head>
<script>
function createText() {
var P = document.createElement("INPUT");
P.setAttribute("type", "text");
document.body.appendChild(P);
}
</script>
</head>
<body>
<h1>Text object example</h1>
<p>Create an input field with type text by clicking the below button</p>
<button onclick="createText()">CREATE</button>
<br><br>
USERNAME:
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút TẠO -
