Đối tượng Input Text trong HTML DOM liên quan đến phần tử <input> với type="text". Chúng ta có thể tạo và truy cập phần tử input type text bằng createElement() và getElementById().
Các thuộc tính
Dưới đây là các thuộc tính của đối tượng Input Text:
| Thuộc tính | Mô tả |
|---|---|
| autocomplete | Thiết lập hoặc trả về giá trị autocomplete của trường văn bản. |
| autofocus | Thiết lập hoặc trả về xem trường văn bản có tự động focus khi tải trang hay không. |
| defaultValue | Thiết lập hoặc trả về giá trị mặc định của trường văn bản. |
| disabled | Thiết lập hoặc trả về xem trường văn bản có bị vô hiệu hóa hay không. |
| form | Trả về tham chiếu form chứa trường văn bản. |
| maxLength | Thiết lập hoặc trả về giá trị maxlength của trường văn bản. |
| name | Thiết lập hoặc trả về giá trị name của trường văn bản. |
| pattern | Thiết lập hoặc trả về giá trị pattern của trường văn bản. |
| placeholder | Thiết lập hoặc trả về giá trị placeholder của trường văn bản. |
| readOnly | Thiết lập hoặc trả về xem trường văn bản có chỉ đọc hay không. |
| required | Thiết lập hoặc trả về xem có bắt buộc điền trường văn bản trước khi submit hay không. |
| size | Thiết lập hoặc trả về giá trị size của trường văn bản. |
| type | Thuộc tính chỉ đọc trả về loại phần tử form (luôn là "text"). |
| value | Thiết lập hoặc trả về giá trị value của trường văn bản. |
| list | Trả về tham chiếu đến datalist chứa trường văn bản. |
Cú pháp
Cú pháp tạo đối tượng input text:
var P = document.createElement("INPUT");
P.setAttribute("type", "text");
Ví dụ
Ví dụ minh họa cho đối tượng Input Text:
<!DOCTYPE html> <html> <head> <script>
function createText() {
var P = document.createElement("INPUT");
P.setAttribute("type", "text");
document.body.appendChild(P);
}
</script> </head> <body>
<h1>Ví dụ đối tượng Text</h1>
<p>Tạo trường input type text bằng cách nhấn nút dưới đây</p>
<button onclick="createText()">TẠO</button>
<br><br>
TÊN ĐĂNG NHẬP: </body> </html>
Kết quả
Khi nhấn nút "TẠO", một trường input type text mới xuất hiện trên trang.