Thẻ HTML được sử dụng trong biểu mẫu để khai báo phần tử đầu vào - một điều khiển cho phép người dùng nhập dữ liệu.
Sau đây là các thuộc tính -
Thuộc tính | Giá trị | Mô tả |
---|---|---|
chấp nhận | loại nội dung | Chỉ định danh sách các loại nội dung được phân tách bằng dấu phẩy mà máy chủ chấp nhận |
căn chỉnh | trái bên phải đứng đầu tên đệm đáy | Không dùng nữa - Xác định sự liên kết của nội dung |
alt | Văn bản | Điều này chỉ định văn bản được sử dụng trong trường hợp trình duyệt / tác nhân người dùng không thể hiển thị điều khiển đầu vào |
tự động hoàn thành | bật tắt | Chỉ định để bật hoặc tắt tính năng tự động hoàn thành trong phần tử |
tự động lấy nét | Tự động lấy nét | chỉ định rằng phần tử sẽ tự động lấy tiêu điểm khi tải trang |
đã kiểm tra | Đã kiểm tra | Nếu type ="radio" hoặc type ="checkbox" thì nó sẽ được chọn khi tải trang. |
bị tắt | Đã tắt | Tắt điều khiển đầu vào. Nút sẽ không chấp nhận các thay đổi từ người dùng. Nó cũng không thể nhận tiêu điểm và sẽ bị bỏ qua khi tab. |
biểu mẫu | form_id | Chỉ định một hoặc nhiều biểu mẫu |
formaction | URL | Chỉ định URL của tệp sẽ xử lý kiểm soát đầu vào khi biểu mẫu được gửi |
formenctype | application / x-www-form-urlencoded đa phần / biểu mẫu-dữ liệu văn bản / đơn giản | Chỉ định cách dữ liệu biểu mẫu sẽ được mã hóa khi gửi nó đến phân phối |
formmethod | bài đăng lấy | Xác định phương thức HTTP để gửi dữ liệu đến URL hành động |
formnovalidate | Formnovalidate | Xác định rằng các phần tử biểu mẫu sẽ không được xác thực khi gửi |
fromtarget | _ blank _bản thân _cha mẹ _đứng đầu | Chỉ định mục tiêu nơi phản hồi sẽ là màn hình nhận được sau khi gửi biểu mẫu |
height | Điểm ảnh | Chỉ định chiều cao |
danh sách | datalist_id | Chỉ định phần tử |
max | Tự động lấy nét | Chỉ định giá trị lớn nhất. |
maxlength | Số | xác định số ký tự tối đa được phép trong một trường văn bản |
tối thiểu | Số | Chỉ định giá trị nhỏ nhất |
nhiều | Nhiều | Chỉ định rằng người dùng có thể nhập nhiều giá trị |
tên | Văn bản | Gán tên cho điều khiển đầu vào. |
mẫu | Regexp | Chỉ định một biểu thức chính quy mà giá trị của phần tử được kiểm tra |
trình giữ chỗ | Văn bản | Chỉ định một gợi ý ngắn mô tả giá trị mong đợi. |
chỉ đọc | Chỉ đọc | Đặt điều khiển đầu vào thành chỉ đọc. Nó sẽ không cho phép người dùng thay đổi giá trị. Điều khiển, tuy nhiên, có thể nhận được tiêu điểm và được bao gồm khi tab qua các điều khiển biểu mẫu |
bắt buộc | bắt buộc | Chỉ định rằng một trường đầu vào phải được điền trước khi gửi biểu mẫu |
kích thước | Số | Chỉ định chiều rộng của điều khiển. Nếu type ="text" hoặc type ="password" thì điều này đề cập đến chiều rộng tính bằng ký tự. Nếu không, nó tính bằng pixel. |
src | URL | Xác định URL của hình ảnh sẽ hiển thị. Chỉ được sử dụng cho type ="image". |
bước | Số | Chỉ định khoảng số hợp pháp cho một trường đầu vào |
loại | nút hộp kiểm màu ngày datetime datetime-email địa phương tập tin ẩn giấu hình ảnh tháng mật khẩu số Đài phạm vi cài lại Tìm kiếm Gửi đi điện thoại bản văn thời gian url tuần | Chỉ định loại điều khiển. |
giá trị | Văn bản | Chỉ định giá trị nguyên cho điều khiển. Nếu type ="checkbox" hoặc type ="radio" thì thuộc tính này là bắt buộc. |
width | Điểm ảnh | Chỉ định chiều rộng |
Ví dụ
Bạn có thể thử chạy mã sau để triển khai phần tử trong HTML -
<!DOCTYPE html> <html> <head> <title>HTML input Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> First name: <input type = "text" name = "first_name" value = "" maxlength = "100" /> <br /> Last name: <input type = "text" name = "last_name" value = "" maxlength = "100" /> <input type = "submit" value = "Submit" /> </form> </body> </html>