các Thuộc tính của phần tử input
Trong bài này chúng ta sẽ mô tả các thuộc tính khác nhau của phần tử HTML <input>.
Thuộc tính Value
Thuộc tính value chỉ định giá trị ban đầu cho trường input.
Thuộc tính Readonly
Thuộc tính input readonly chỉ định một trường đầu vào là chỉ đọc.
Không thể sửa đổi trường đầu vào với thuộc tính readonly (tuy nhiên, người dùng có thể gắn thẻ, đánh dấu và sao chép văn bản từ trường đó).
Giá trị của trường đầu vào readonly sẽ được gửi khi gửi biểu mẫu!
Thuộc tính Disabled
Thuộc tính input disabled chỉ định một trường đầu vào sẽ bị vô hiệu hóa.
Trường đầu vào bị vô hiệu hóa sẽ không sử dụng được và không thể nhấp được.
Giá trị của trường đầu vào bị vô hiệu hóa sẽ không được gửi khi gửi biểu mẫu!
Thuộc tính Size
Thuộc tính input size chỉ định chiều rộng được hiển thị, tính bằng ký tự của trường đầu vào input.
Giá trị mặc định của thuộc tính size là 20 ký tự.
Thuộc tính Maxlength
Thuộc tính input maxlength chỉ định số ký tự tối đa được phép trong một trường đầu vào.
Thuộc tính Min Max
Thuộc tính input min và max chỉ định các giá trị tối thiểu và tối đa cho một trường đầu vào.
Thuộc tính min và max làm việc với các giá trị thuộc tính type input như sau: number, range, date, datetime-local, month, time và week.
Ví dụ
<input type="date" id="datemax" name="datemax" max="1979-12-31"> <input type="number" id="quantity" name="quantity" min="1" max="5">
Thuộc tính Multiple
Thuộc tính input multiple chỉ định rằng người dùng được phép nhập nhiều giá trị vào một trường đầu vào.
Thuộc tính multiple làm việc với các giá trị thuộc tính type input sau đây vào: email và file.
Thuộc tính Pattern
Thuộc tính input pattern chỉ định một biểu thức chính quy mà giá trị của trường đầu vào được kiểm tra, khi biểu mẫu được gửi.
Thuộc tính pattern làm việc với các giá trị thuộc tính type input sau: text, date, search, url, tel, email và password.
Ví dụ
<input type="text" id="country_code" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
Thuộc tính Placeholder
Thuộc tính input placeholder chỉ định một gợi ý ngắn mô tả giá trị mong đợi của trường đầu vào (giá trị mẫu hoặc mô tả ngắn về định dạng dự kiến).
Gợi ý ngắn được hiển thị trong trường nhập liệu dưới dạng dòng chữ mờ và sẽ biến mất khi người dùng nhập giá trị.
Thuộc tính placeholder làm việc với các giá trị thuộc tính type input sau: text, search, url, tel, email và password.
Ví dụ
<input type="tel" id="phone" name="phone" placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
Thuộc tính Required
Thuộc tính input required chỉ định một trường đầu vào bắt buột phải được điền trước khi gửi biểu mẫu.
Thuộc tính required làm việc với các giá trị type input sau đây: text, search, url, tel, email, password, date pickers, number, checkbox, radio, và file.
Thuộc tính Step
Thuộc tính input step chỉ định khoảng số phù hợp cho một trường đầu vào.
Ví dụ: nếu bước số = "3", thì các số phù hợp có thể là -3, 0, 3, 6, ...
Thuộc tính step phù hợp với các giá trị thuộc tính type input như sau: number, range, date, datetime-local, month, time và week.
Thuộc tính Autofocus
Thuộc tính input autofocus chỉ định trường nhập sẽ tự động đặt dấu nhắc gõ văn bản khi tải trang.
Thuộc tính Width và Heigth
Thuộc tính input width và height chỉ định chiều cao và chiều rộng của một phần tử <input type="image">.
Thuộc tính List
Thuộc tính input list xác định đến một phần tử <datalist> có chứa các tùy chọn được xác định trước cho phần tử <input>.
Ví dụ
<input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
Thuộc tính Autocomplete
Thuộc tính input autocomplete chỉ định xem biểu mẫu hoặc trường nhập liệu có bật hoặc tắt tính năng tự động hoàn thành hay không.
Tự động điền cho phép trình duyệt dự đoán giá trị. Khi người dùng bắt đầu nhập vào một trường, trình duyệt sẽ hiển thị các tùy chọn để điền vào trường, dựa trên các giá trị đã nhập trước đó.
Thuộc tính autocomplete làm việc với thẻ <form> và giá trị thuộc tính type input sau đây: text, search, url, tel, email, password, date pickers, range, và color.
Ví dụ
<form action="action_page.php" autocomplete="on"> <input type="email" id="email" name="email" autocomplete="off">