❮ Thẻ HTML
Thí dụ
Trường tải lên tệp chấp nhận nhiều giá trị:
& nbsp; Chọn Tệp: & NBSP; & nbsp;
Select files:
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính multiple
là một thuộc tính boolean.
Khi có mặt, nó chỉ định rằng người dùng được phép nhập nhiều hơn một giá trị trong phần tử
.
Lưu ý: Thuộc tính multiple
hoạt động với các loại đầu vào sau: Email và Tệp. The multiple
attribute works with the following input types: email, and file.
Mẹo: Đối với : Để chọn nhiều tệp, hãy giữ phím Ctrl hoặc Shift trong khi chọn. For
: To select multiple files, hold down
the CTRL or SHIFT key while selecting.
Mẹo: Đối với : Tách từng email bằng dấu phẩy, như :,, Trong trường email. For
: Separate each email with a comma, like: , , in the email field.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
nhiều | 6.0 | 10.0 | 3.6 | 5.0 | 11.0 |
Cú pháp
❮ Thẻ HTML
Tối đa
Chỉ định giá trị tối đa cho trường đầu vào
Maxlength
multiple
0multiple
1multiple
2- Chỉ định số lượng ký tự tối đa cho trường đầu vào
multiple
4multiple
5multiple
6multiple
7
Tối thiểu The default value of the multiple
8 attribute is "text".
Chỉ định giá trị tối thiểu cho trường đầu vào
họa tiết single-line text input field:
Thí dụ
Chỉ định biểu thức chính quy để kiểm tra giá trị đầu vào so với
First name:
Last name:
Hãy tự mình thử »
chỉ đọc
Họ: Họ:
Last name:
Mật khẩu loại đầu vào
7 Xác định trường mật khẩu:password field:
Thí dụ
& nbsp; Tên người dùng: & nbsp; & nbsp; Mật khẩu: & nbsp;
Username:
Password:
Hãy tự mình thử »
Đây là cách mã HTML ở trên sẽ được hiển thị trong trình duyệt:
Tên người dùng: Mật khẩu:
Password:
Các ký tự trong trường mật khẩu được che dấu [hiển thị dưới dạng dấu hoa thị hoặc vòng tròn].
Loại đầu vào Gửi
multiple
2 Xác định một nút để gửi dữ liệu biểu mẫu cho người điều khiển biểu mẫu. submitting form data to a form-handler.
Trình xử lý biểu mẫu thường là một trang máy chủ có tập lệnh để xử lý dữ liệu đầu vào.
Trình xử lý biểu mẫu được chỉ định trong thuộc tính 2 của biểu mẫu:
Thí dụ
& nbsp; Tên người dùng: & nbsp; & nbsp; Mật khẩu: & nbsp;
First name:
Last name:
Hãy tự mình thử »
Đây là cách mã HTML ở trên sẽ được hiển thị trong trình duyệt:
Tên người dùng: Mật khẩu:
Thí dụ
& nbsp; Tên người dùng: & nbsp; & nbsp; Mật khẩu: & nbsp;
First name:
Last name:
Hãy tự mình thử »
Đây là cách mã HTML ở trên sẽ được hiển thị trong trình duyệt:
Tên người dùng: Mật khẩu:reset button that will reset all form values to their default values:
Thí dụ
& nbsp; Tên người dùng: & nbsp; & nbsp; Mật khẩu: & nbsp;
First name:
Last name:
Hãy tự mình thử »
Đây là cách mã HTML ở trên sẽ được hiển thị trong trình duyệt:
Tên người dùng: Mật khẩu:
Các ký tự trong trường mật khẩu được che dấu [hiển thị dưới dạng dấu hoa thị hoặc vòng tròn].
Loại đầu vào Gửiradio button.
multiple
2 Xác định một nút để gửi dữ liệu biểu mẫu cho người điều khiển biểu mẫu.
Thí dụ
& nbsp; Tên người dùng: & nbsp; & nbsp; Mật khẩu: & nbsp;
Hãy tự mình thử »
HTML
CSS
JavaScript
Hãy tự mình thử »
Đây là cách mã HTML ở trên sẽ được hiển thị trong trình duyệt:
Tên người dùng: Mật khẩu:
CSS
JavaScript
Các ký tự trong trường mật khẩu được che dấu [hiển thị dưới dạng dấu hoa thị hoặc vòng tròn].
Loại đầu vào Gửicheckbox.
multiple
2 Xác định một nút để gửi dữ liệu biểu mẫu cho người điều khiển biểu mẫu.
Thí dụ
Trình xử lý biểu mẫu thường là một trang máy chủ có tập lệnh để xử lý dữ liệu đầu vào.
I have a bike
I have a car
I have a boat
Hãy tự mình thử »
Đây là cách mã HTML ở trên sẽ được hiển thị trong trình duyệt:
Tên người dùng: Mật khẩu:
I have a car
I have a boat
Các ký tự trong trường mật khẩu được che dấu [hiển thị dưới dạng dấu hoa thị hoặc vòng tròn].
Loại đầu vào Gửibutton:
Thí dụ
multiple
2 Xác định một nút để gửi dữ liệu biểu mẫu cho người điều khiển biểu mẫu.
Hãy tự mình thử »
Đây là cách mã HTML ở trên sẽ được hiển thị trong trình duyệt:
Tên người dùng: Mật khẩu:
Các ký tự trong trường mật khẩu được che dấu [hiển thị dưới dạng dấu hoa thị hoặc vòng tròn].
Loại đầu vào Gửi
Thí dụ
multiple
2 Xác định một nút để gửi dữ liệu biểu mẫu cho người điều khiển biểu mẫu.
Select your favorite color:
Hãy tự mình thử »
Trình xử lý biểu mẫu thường là một trang máy chủ có tập lệnh để xử lý dữ liệu đầu vào.
Trình xử lý biểu mẫu được chỉ định trong thuộc tính 2 của biểu mẫu:
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp;
Thí dụ
Nếu bạn bỏ qua thuộc tính giá trị của nút gửi, nút sẽ nhận được một văn bản mặc định:
Birthday:
Hãy tự mình thử »
Đặt lại loại đầu vào
Thí dụ
multiple
0 Xác định nút đặt lại sẽ đặt lại tất cả các giá trị biểu mẫu cho các giá trị mặc định của chúng:
Enter a date before 1980-01-01:
Enter a date after 2000-01-01:
Hãy tự mình thử »
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp; & nbsp;
Nếu bạn thay đổi các giá trị đầu vào và sau đó nhấp vào nút "Đặt lại", dữ liệu biểu mẫu sẽ được đặt lại về các giá trị mặc định.
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp;
Thí dụ
Nếu bạn bỏ qua thuộc tính giá trị của nút gửi, nút sẽ nhận được một văn bản mặc định:
Birthday [date and time]:
Hãy tự mình thử »
Đặt lại loại đầu vào
multiple
0 Xác định nút đặt lại sẽ đặt lại tất cả các giá trị biểu mẫu cho các giá trị mặc định của chúng:
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp; & nbsp;
Nếu bạn thay đổi các giá trị đầu vào và sau đó nhấp vào nút "Đặt lại", dữ liệu biểu mẫu sẽ được đặt lại về các giá trị mặc định.
Thí dụ
Đài phát thanh loại đầu vào
Enter your email:
Hãy tự mình thử »
8 Xác định nút radio.
Các nút radio cho phép người dùng chỉ chọn một trong số lượng lựa chọn hạn chế:
Chọn ngôn ngữ web yêu thích của bạn:
Thí dụ
multiple
2 Xác định một nút để gửi dữ liệu biểu mẫu cho người điều khiển biểu mẫu.
Hãy tự mình thử »
Trình xử lý biểu mẫu thường là một trang máy chủ có tập lệnh để xử lý dữ liệu đầu vào.
Trình xử lý biểu mẫu được chỉ định trong thuộc tính 2 của biểu mẫu:
Thí dụ
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp;
Select a file:
Hãy tự mình thử »
Nếu bạn bỏ qua thuộc tính giá trị của nút gửi, nút sẽ nhận được một văn bản mặc định:
Đặt lại loại đầu vào
multiple
0 Xác định nút đặt lại sẽ đặt lại tất cả các giá trị biểu mẫu cho các giá trị mặc định của chúng:
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp; & nbsp;
Nếu bạn thay đổi các giá trị đầu vào và sau đó nhấp vào nút "Đặt lại", dữ liệu biểu mẫu sẽ được đặt lại về các giá trị mặc định. While the value is not displayed to the user in the page's content, it is visible [and can be edited] using any browser's developer tools or "View Source" functionality. Do not use hidden inputs as a form of security!
Thí dụ
Đài phát thanh loại đầu vào
First name:
Hãy tự mình thử »
8 Xác định nút radio.
Các nút radio cho phép người dùng chỉ chọn một trong số lượng lựa chọn hạn chế:
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp;
Thí dụ
Nếu bạn bỏ qua thuộc tính giá trị của nút gửi, nút sẽ nhận được một văn bản mặc định:
Birthday [month and year]:
Hãy tự mình thử »
Đặt lại loại đầu vào
multiple
0 Xác định nút đặt lại sẽ đặt lại tất cả các giá trị biểu mẫu cho các giá trị mặc định của chúng: numeric input
field.
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp; & nbsp;
Nếu bạn thay đổi các giá trị đầu vào và sau đó nhấp vào nút "Đặt lại", dữ liệu biểu mẫu sẽ được đặt lại về các giá trị mặc định.
Thí dụ
& nbsp; Số lượng [từ 1 đến 5]: & nbsp;
Quantity [between 1 and 5]:
Hãy tự mình thử »
Hạn chế đầu vào
Dưới đây là danh sách một số hạn chế đầu vào phổ biến:
đã kiểm tra | Chỉ định rằng trường đầu vào phải được chọn trước khi tải trang [cho loại = "hộp kiểm" hoặc loại = "radio"] |
Vô hiệu hóa | Chỉ định rằng trường đầu vào phải được tắt |
Tối đa | Chỉ định giá trị tối đa cho trường đầu vào |
Maxlength | Chỉ định số lượng ký tự tối đa cho trường đầu vào |
Tối thiểu | Chỉ định giá trị tối thiểu cho trường đầu vào |
họa tiết | Chỉ định biểu thức chính quy để kiểm tra giá trị đầu vào so với |
chỉ đọc | Chỉ định rằng trường đầu vào chỉ được đọc [không thể thay đổi] |
yêu cầu | Chỉ định rằng một trường đầu vào là bắt buộc [phải được điền] |
kích thước | Chỉ định chiều rộng [tính bằng ký tự] của trường đầu vào |
bươc | Chỉ định các khoảng số hợp pháp cho trường đầu vào |
giá trị | Chỉ định giá trị mặc định cho trường đầu vào |
Bạn sẽ tìm hiểu thêm về các hạn chế đầu vào trong chương tiếp theo.
Ví dụ sau hiển thị trường đầu vào số, trong đó bạn có thể nhập giá trị từ 0 đến 100, trong các bước 10. Giá trị mặc định là 30:
Thí dụ
& nbsp; Số lượng: & nbsp;
Quantity:
Hãy tự mình thử »
Phạm vi loại đầu vào
9 xác định một điều khiển để nhập một số có giá trị chính xác không quan trọng [như điều khiển thanh trượt]. Phạm vi mặc định là 0 đến 100. Tuy nhiên, bạn có thể đặt các hạn chế đối với những số được chấp nhận với các thuộc tính 9,
0 và
2:
Thí dụ
& nbsp; Khối lượng [từ 0 đến 50]: & nbsp;
Volume
[between 0 and 50]:
Hãy tự mình thử »
Hạn chế đầu vào
Dưới đây là danh sách một số hạn chế đầu vào phổ biến:
Thí dụ
Thuộc tính
Search Google:
Hãy tự mình thử »
Hạn chế đầu vào
Dưới đây là danh sách một số hạn chế đầu vào phổ biến:
Thí dụ
Thuộc tính
Enter your phone number:
Hãy tự mình thử »
Hạn chế đầu vào
Dưới đây là danh sách một số hạn chế đầu vào phổ biến:
Thuộc tính
Thí dụ
Sự mô tả
Select a time:
Hãy tự mình thử »
Hạn chế đầu vào
Dưới đây là danh sách một số hạn chế đầu vào phổ biến:
Thuộc tính
Sự mô tả
Thí dụ
đã kiểm tra
Add your homepage:
Hãy tự mình thử »
Hạn chế đầu vào
Dưới đây là danh sách một số hạn chế đầu vào phổ biến:
Thuộc tính
Thí dụ
Sự mô tả
Select a week:
Hãy tự mình thử »
Hạn chế đầu vào
Dưới đây là danh sách một số hạn chế đầu vào phổ biến:
Exercise:
Thuộc tính
Sự mô tả
đã kiểm tra
Chỉ định rằng trường đầu vào phải được chọn trước khi tải trang [cho loại = "hộp kiểm" hoặc loại = "radio"]
đã kiểm tra | Chỉ định rằng trường đầu vào phải được chọn trước khi tải trang [cho loại = "hộp kiểm" hoặc loại = "radio"] |