Hướng dẫn the input trong html w3schools - đầu vào trong html w3schools


Thí dụ

Một hình thức HTML với ba trường đầu vào; Hai trường văn bản và một nút gửi:

& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp;
 
 


 
 


 

Hãy tự mình thử »


Định nghĩa và cách sử dụng

Thẻ chỉ định trường đầu vào trong đó người dùng có thể nhập dữ liệu.

Phần tử là yếu tố hình thức quan trọng nhất.

Phần tử có thể được hiển thị theo nhiều cách, tùy thuộc vào thuộc tính loại.

Các loại đầu vào khác nhau như sau:

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 0
  • 1 (giá trị mặc định)
  • 2
  • 3
  • 4

Nhìn vào thuộc tính loại để xem các ví dụ cho từng loại đầu vào!


Lời khuyên và ghi chú

Mẹo: Luôn sử dụng thẻ để xác định nhãn cho 1, , 5, 8 và 4. Always use the


Hỗ trợ trình duyệt

Yếu tố
ĐúngĐúngĐúngĐúngĐúng


Thuộc tính

Thuộc tínhGiá trịSự mô tả
Chấp nhậnFile_Extension Audio/* Video/* Image/* Media_Type
audio/*
video/*
image/*
media_type
Chỉ định bộ lọc cho loại tệp nào mà người dùng có thể chọn từ hộp thoại đầu vào tệp (chỉ cho loại = "tệp")
altchữChỉ định một văn bản thay thế cho hình ảnh (chỉ cho loại = "hình ảnh")
Tự động hoàn thànhtrên
off
Chỉ định xem một phần tử có được bật tự động hoàn thành không
lấy nét tự độnglấy nét tự độngChỉ định rằng một phần tử sẽ tự động lấy lấy nét khi tải trang
đã kiểm trađã kiểm traChỉ định rằng một phần tử phải được chọn trước khi tải trang (cho loại = "hộp kiểm" hoặc loại = "radio")
DirnameinputName.dirChỉ định rằng hướng văn bản sẽ được gửi
Vô hiệu hóaVô hiệu hóaChỉ định rằng một phần tử nên được vô hiệu hóa
hình thứcform_idChỉ định biểu mẫu phần tử thuộc về
hình thànhURLChỉ định URL của tệp sẽ xử lý điều khiển đầu vào khi biểu mẫu được gửi (cho loại = "gửi" và loại = "hình ảnh")
FormtypeỨng dụng/X-www-form-urlencoded mult
multipart/form-data
text/plain
Chỉ định cách mã hóa dữ liệu biểu mẫu khi gửi đến máy chủ (cho loại = "gửi" và loại = "hình ảnh")
Formmethodđược đăng tải
post
Xác định phương thức HTTP để gửi dữ liệu đến URL hành động (cho loại = "gửi" và loại = "hình ảnh")
FormnovalidateFormnovalidateXác định rằng các yếu tố biểu mẫu không nên được xác thực khi được gửi
mục tiêu hình thành_blank _Self _parent _top framename
_self
_parent
_top
framename
Chỉ định nơi hiển thị phản hồi nhận được sau khi gửi biểu mẫu (cho loại = "gửi" và loại = "hình ảnh")
Chiều caođiểm ảnhChỉ định chiều cao của một phần tử (chỉ cho loại = "hình ảnh")
danh sáchDatalist_idĐề cập đến một phần tử chứa các tùy chọn được xác định trước cho một phần tử
Tối đaNgày số
date
Chỉ định giá trị tối đa cho một phần tử
Maxlengthcon sốChỉ định số lượng ký tự tối đa được phép trong một phần tử
Tối thiểuNgày số
date
Chỉ định giá trị tối đa cho một phần tử
Maxlengthcon sốChỉ định số lượng ký tự tối đa được phép trong một phần tử
Tối thiểuTối thiểuChỉ định giá trị tối thiểu cho một phần tử
Độ dài nhỏ nhấtchữChỉ định một văn bản thay thế cho hình ảnh (chỉ cho loại = "hình ảnh")
Tự động hoàn thànhtrênChỉ định xem một phần tử có được bật tự động hoàn thành không
lấy nét tự độngchữChỉ định một văn bản thay thế cho hình ảnh (chỉ cho loại = "hình ảnh")
Tự động hoàn thànhTự động hoàn thànhtrên
Chỉ định xem một phần tử có được bật tự động hoàn thành khôngChỉ định xem một phần tử có được bật tự động hoàn thành khônglấy nét tự động
Chỉ định rằng một phần tử sẽ tự động lấy lấy nét khi tải trangcon sốChỉ định số lượng ký tự tối đa được phép trong một phần tử
Tối thiểuURLChỉ định URL của tệp sẽ xử lý điều khiển đầu vào khi biểu mẫu được gửi (cho loại = "gửi" và loại = "hình ảnh")
FormtypeỨng dụng/X-www-form-urlencoded mult
any
Chỉ định cách mã hóa dữ liệu biểu mẫu khi gửi đến máy chủ (cho loại = "gửi" và loại = "hình ảnh")
Formmethodđược đăng tải
checkbox
color
date
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
Xác định phương thức HTTP để gửi dữ liệu đến URL hành động (cho loại = "gửi" và loại = "hình ảnh")
FormnovalidatechữChỉ định một văn bản thay thế cho hình ảnh (chỉ cho loại = "hình ảnh")
 
Tự động hoàn thànhđiểm ảnhChỉ định chiều cao của một phần tử (chỉ cho loại = "hình ảnh")

danh sách

Datalist_id


Đề cập đến một phần tử chứa các tùy chọn được xác định trước cho một phần tử

Tối đa


Ngày số

Chỉ định giá trị tối đa cho một phần tử

  • Maxlength
  • con số
  • Chỉ định số lượng ký tự tối đa được phép trong một phần tử
  • Tối thiểu
  • Chỉ định giá trị tối thiểu cho một phần tử

Độ dài nhỏ nhất

  • Chỉ định số lượng ký tự tối thiểu cần thiết trong một phần tử
  • nhiều
  • Chỉ định rằng người dùng có thể nhập nhiều hơn một giá trị trong một phần tử
  • Tên
  • Chỉ định tên của một phần tử
  • họa tiết
  • REGEXP
  • Chỉ định một biểu thức chính quy rằng giá trị của một phần tử được kiểm tra
  • người giữ chỗ
  • Chỉ định một gợi ý ngắn mô tả giá trị dự kiến ​​của một phần tử
  • chỉ đọc
  • Chỉ định rằng trường đầu vào chỉ đọc
  • yêu cầu
  • Chỉ định rằng trường đầu vào phải được điền trước khi gửi biểu mẫu
  • kích thước
  • Chỉ định chiều rộng, tính theo ký tự của một phần tử
  • SRC
  • Chỉ định URL của hình ảnh để sử dụng làm nút gửi (chỉ cho loại = "hình ảnh")
  • bươc
  • Đối tượng thời gian đầu vào
  • Đối tượng URL đầu vào
  • Đối tượng tuần đầu vào

Cài đặt CSS mặc định

None.