Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào để bao gồm một trường đầu vào trong HTML?


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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
form_id
Chỉ định một hoặc nhiều biểu mẫu
formaction Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
bài đăng
lấy
Xác định phương thức HTTP để gửi dữ liệu đến URL hành động
formnovalidate Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
_ 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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
Điểm ảnh
Chỉ định chiều cao
danh sách Làm thế nào để bao gồm một trường đầu vào trong HTML?
datalist_id
Chỉ định phần tử chứa các tùy chọn được xác định trước cho phần tử
max Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
Số
Chỉ định giá trị nhỏ nhất
nhiều Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
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ỗ Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
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 Làm thế nào để bao gồm một trường đầu vào trong HTML?
Đ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>