Hướng dẫn which form element is used for multiple selection in html? - phần tử biểu mẫu nào được sử dụng cho nhiều lựa chọn trong html?

❮ Thẻ HTML

Thí dụ

Danh sách thả xuống cho phép nhiều lựa chọn:

Chọn một chiếc xe hơi:

& nbsp; Volvo & NBSP; Saab & nbsp; Opel & nbsp; Audi
Volvo
Saab
Opel
Audi

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 nhiều tùy chọn có thể được chọn cùng một lúc.

Chọn nhiều tùy chọn khác nhau trong các hệ điều hành và trình duyệt khác nhau:

Đối với Windows: Giữ nút điều khiển [CTRL] để chọn nhiều tùy chọn
Đối với Mac: Giữ nút lệnh để chọn nhiều tùy chọn

Do các cách khác nhau để làm điều này và vì bạn phải thông báo cho người dùng rằng có nhiều lựa chọn, thay vào đó, việc sử dụng hộp kiểm sẽ thân thiện hơn với người dùng.

Hỗ trợ trình duyệt

Thuộc tính

nhiều

Đúng

Cú pháp

❮ Thẻ HTML

Thuộc tính boolean multiple, nếu được đặt, có nghĩa là điều khiển biểu mẫu chấp nhận một hoặc nhiều giá trị. Hợp lệ cho các loại đầu vào email và tệp và ____10, cách mà người dùng chọn cho nhiều giá trị phụ thuộc vào điều khiển biểu mẫu.multiple attribute, if set, means the form control accepts one or more values. Valid for the email and file input types and the

0, the manner by which the user opts for multiple values depends on the form control.

Tùy thuộc vào loại, điều khiển biểu mẫu có thể có ngoại hình khác nếu thuộc tính multiple được đặt. Đối với loại đầu vào tệp, tin nhắn gốc, trình duyệt cung cấp khác nhau. Trong Firefox, đầu vào tệp có ghi "Không có tệp được chọn" khi có thuộc tính và "Không có tệp được chọn" khi không, khi không chọn tệp. Hầu hết các trình duyệt hiển thị hộp danh sách cuộn cho điều khiển

0 với bộ thuộc tính multiple so với một thả xuống một dòng khi thuộc tính bị bỏ qua. Đầu vào email hiển thị giống nhau, nhưng sẽ khớp với lớp giả

4 nếu có nhiều hơn một địa chỉ email được phân tách bằng dấu phẩy nếu không có thuộc tính.

Khi multiple được đặt trên loại đầu vào email, người dùng có thể bao gồm 0 [nếu không cũng là

6], một hoặc nhiều địa chỉ email được phân tách bằng dấu phẩy.

Nếu và chỉ khi thuộc tính multiple được chỉ định, giá trị có thể là danh sách các địa chỉ e-mail được phân tách bằng dấu phẩy được hình thành đúng. Bất kỳ dấu vết nào và khoảng trắng hàng đầu đều được xóa khỏi mỗi địa chỉ trong danh sách.

Khi multiple được đặt trên loại đầu vào tệp, người dùng có thể chọn một hoặc nhiều tệp. Người dùng có thể chọn nhiều tệp từ trình chọn tệp theo bất kỳ cách nào mà nền tảng đã chọn của họ cho phép [ví dụ: bằng cách giữ sự thay đổi hoặc điều khiển, sau đó nhấp vào].

Khi thuộc tính bị bỏ qua, người dùng chỉ có thể chọn một tệp duy nhất cho mỗi

Thuộc tính multiple trên phần tử

0 thể hiện điều khiển để chọn 0 tùy chọn hoặc nhiều hơn từ danh sách các tùy chọn. Mặt khác, phần tử

0 thể hiện một điều khiển để chọn một


  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

3 từ danh sách các tùy chọn.


  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

Khi multiple được chỉ định, hầu hết các trình duyệt sẽ hiển thị hộp danh sách cuộn thay vì một thả xuống một dòng.

Mối quan tâm tiếp cận

Cung cấp hướng dẫn để giúp người dùng hiểu cách hoàn thành biểu mẫu và sử dụng các điều khiển biểu mẫu riêng lẻ. Cho biết bất kỳ đầu vào yêu cầu và tùy chọn, định dạng dữ liệu và thông tin liên quan khác. Khi sử dụng thuộc tính multiple, thông báo cho người dùng rằng nhiều giá trị được phép và cung cấp hướng dẫn về cách cung cấp nhiều giá trị, chẳng hạn như "địa chỉ email riêng biệt với dấu phẩy."

Cài đặt


  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

6 trên nhiều lựa chọn có thể làm cho nó xuất hiện dưới dạng một lựa chọn duy nhất trong một số trình duyệt, nhưng sau đó nó không mở rộng về trọng tâm, gây hại cho khả năng sử dụng. Đừng làm điều đó. Nếu bạn thay đổi diện mạo của một lựa chọn và ngay cả khi bạn không, hãy đảm bảo thông báo cho người dùng rằng có nhiều tùy chọn có thể được chọn bằng một phương thức khác.

Ví dụ

Đầu vào email

Who do you want to email?



  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

input:invalid {
  border: red solid 3px;
}

6 có mặt, ít nhất một địa chỉ email là bắt buộc.

Một số trình duyệt hỗ trợ sự xuất hiện của


  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

9 của các tùy chọn từ

Who do you want to email?



  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

0 liên quan cho các địa chỉ email tiếp theo khi multiple có mặt. Những người khác thì không.

đầu vào tập tin

Khi multiple được đặt trên loại đầu vào tệp, người dùng có thể chọn một hoặc nhiều tệp:


  
     Choose the images you want to upload: 
    
  
  
    Pick a text file to upload:

Lưu ý sự khác biệt về ngoại hình giữa ví dụ với multiple và đầu vào

Who do you want to email?



  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

4 khác không có.

Khi biểu mẫu được gửi, nếu chúng tôi đã sử dụng

Who do you want to email?



  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

5, mỗi tên tệp được chọn sẽ được thêm vào các tham số URL là

Who do you want to email?



  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

6. Tuy nhiên, vì chúng tôi đang gửi dữ liệu biểu mẫu nhiều phần, chúng tôi sử dụng nhiều bài. Xem phần tử

Who do you want to email?



  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

7 và gửi dữ liệu biểu mẫu để biết thêm thông tin.

lựa chọn

Thuộc tính multiple trên phần tử

0 thể hiện điều khiển để chọn 0 tùy chọn hoặc nhiều hơn từ danh sách các tùy chọn. Mặt khác, phần tử

0 thể hiện một điều khiển để chọn một


  Grumpy
  Happy
  Sleepy
  Bashful
  Sneezy
  Dopey
  Doc

3 từ danh sách các tùy chọn. Điều khiển thường có ngoại hình khác nhau dựa trên sự hiện diện của nhiều thuộc tính, với hầu hết các trình duyệt hiển thị hộp danh sách cuộn thay vì một thả xuống một dòng khi có thuộc tính.


  
    Select the dwarf woodsman you like:
    
      
      
      
      
      
      
      
    
  
  
    Select your favorite:

Lưu ý sự khác biệt về ngoại hình giữa hai điều khiển hình thức.

/* uncomment this CSS to make the multiple the same height as the single */

/*
select[multiple] {
  height: 1.5em;
  vertical-align: top;
}
select[multiple]:focus,
select[multiple]:active {
  height: auto;
}
*/

Có một vài cách để chọn nhiều tùy chọn trong phần tử

0 với thuộc tính multiple. Tùy thuộc vào hệ điều hành, người dùng chuột có thể giữ các khóa Ctrl, lệnh hoặc dịch chuyển và sau đó nhấp vào nhiều tùy chọn để chọn/bỏ chọn chúng. Người dùng bàn phím có thể chọn nhiều mục tiếp giáp bằng cách tập trung vào phần tử

0, chọn một mục ở trên cùng hoặc dưới cùng của phạm vi họ muốn chọn bằng các phím con trỏ lên và xuống để đi lên và xuống các tùy chọn. Việc lựa chọn không liên tục không được hỗ trợ tốt: các mục sẽ có thể được chọn và bỏ chọn bằng cách nhấn không gian, nhưng hỗ trợ khác nhau giữa các trình duyệt.

Thông số kỹ thuật

Sự chỉ rõ

HTML Tiêu chuẩn # attr-input-Multiple
# attr-input-multiple

Xem thêm

Làm thế nào để bạn tạo nhiều lựa chọn trong HTML?

Đối với Windows: Giữ nút điều khiển [CTRL] để chọn nhiều tùy chọn. Đối với Mac: Giữ nút lệnh để chọn nhiều tùy chọn.Hold down the control [ctrl] button to select multiple options. For Mac: Hold down the command button to select multiple options.

Loại đầu vào nào được sử dụng cho nhiều lựa chọn trong HTML?

Nhiều thuộc tính 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 ý: Nhiều thuộc tính hoạt động với các loại đầu vào sau: Email và Tệp.email, and file.

Thẻ nào được sử dụng để chọn nhiều giá trị?

Trong những trường hợp như vậy, tất cả những gì bạn phải làm là sử dụng thẻ với nhiều thuộc tính và sau đó người dùng sẽ phải giữ khóa CTRL trên Windows hoặc thay thế cho HĐH khác, trong khi thực hiện các lựa chọn của họ. tag with the multiple attribute, and then the user will have to hold down the ctrl key on Windows, or its alternative for other OS, while making their selections.

Danh sách lựa chọn ở dạng HTML là gì?

Phần tử được sử dụng để tạo một danh sách thả xuống.Phần tử thường được sử dụng nhất trong một hình thức, để thu thập đầu vào của người dùng.Thuộc tính tên là cần thiết để tham khảo dữ liệu biểu mẫu sau khi biểu mẫu được gửi [nếu bạn bỏ qua thuộc tính tên, không có dữ liệu nào từ danh sách thả xuống sẽ được gửi].. The element is most often used in a form, to collect user input. The name attribute is needed to reference the form data after the form is submitted [if you omit the name attribute, no data from the drop-down list will be submitted].