Thẻ HTML <input> được dùng trong form để khai báo một phần tử nhập - một điều khiển cho phép người dùng nhập dữ liệu.
Dưới đây là các thuộc tính:
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| accept | content types | Chỉ định danh sách các loại nội dung mà máy chủ chấp nhận, cách nhau bằng dấu phẩy. |
| align | left, right, top, middle, bottom | Đã lỗi thời - Định nghĩa căn chỉnh nội dung. |
| alt | Văn bản | Văn bản thay thế nếu trình duyệt không hiển thị được điều khiển nhập. |
| autocomplete | on, off | Bật/tắt tự động hoàn thành cho phần tử <input>. |
| autofocus | autofocus | Chỉ định <input> tự động nhận focus khi trang tải. |
| checked | checked | Nếu type="radio" hoặc "checkbox", sẽ được chọn sẵn khi tải trang. |
| disabled | disabled | Vô hiệu hóa điều khiển nhập, không chấp nhận thay đổi, không nhận focus, bị bỏ qua khi tab. |
| form | form_id | Chỉ định một hoặc nhiều form mà phần tử thuộc về. |
| formaction | URL | URL tệp xử lý điều khiển nhập khi form được gửi. |
| formenctype | application/x-www-form-urlencoded, multipart/form-data, text/plain | Chỉ định cách mã hóa dữ liệu form khi gửi. |
| formmethod | post, get | Định nghĩa phương thức HTTP gửi dữ liệu đến action URL. |
| formnovalidate | formnovalidate | Định nghĩa các phần tử form không được kiểm tra hợp lệ khi gửi. |
| formtarget | _blank, _self, _parent, _top | Chỉ định đích hiển thị phản hồi sau khi gửi form. |
| height | Pixel | Chỉ định chiều cao. |
| list | datalist_id | Chỉ định phần tử <datalist> chứa các tùy chọn định sẵn cho <input>. |
| max | Số | Chỉ định giá trị tối đa. |
| maxlength | Số | Định nghĩa số ký tự tối đa cho trường văn bản. |
| min | Số | Chỉ định giá trị tối thiểu. |
| multiple | multiple | Cho phép người dùng nhập nhiều giá trị. |
| name | Văn bản | Gán tên cho điều khiển nhập. |
| pattern | Regexp | Chỉ định biểu thức chính quy kiểm tra giá trị <input>. |
| placeholder | Văn bản | Gợi ý ngắn mô tả giá trị mong đợi. |
| readonly | readonly | Đặt chỉ đọc, không cho thay đổi giá trị, nhưng vẫn nhận focus và tab. |
| required | required | Chỉ định trường bắt buộc điền trước khi gửi form. |
| size | Số | Chỉ định chiều rộng điều khiển. Nếu type="text" hoặc "password" thì là số ký tự, còn lại pixel. |
| src | URL | URL hình ảnh hiển thị. Chỉ dùng cho type="image". |
| step | Số | Chỉ định khoảng cách giá trị hợp lệ cho trường nhập. |
| type | button, checkbox, color, date, datetime, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week | Chỉ định loại điều khiển. |
| value | Văn bản | Giá trị ban đầu. Nếu type="checkbox" hoặc "radio" thuộc tính này bắt buộc. |
| width | Pixel | Chỉ định chiều rộng. |
Ví dụ
Bạn có thể chạy mã sau để triển khai phần tử <input> trong HTML:
<!DOCTYPE html>
<html>
<head>
<title>Thẻ input trong HTML</title>
</head>
<body>
<form action="/cgi-bin/hello_get.cgi" method="get">
Tên: <input type="text" name="first_name" value="" maxlength="100" />
<br />
Họ: <input type="text" name="last_name" value="" maxlength="100" />
<input type="submit" value="Gửi" />
</form>
</body>
</html>