2013-04-13 37 views
24

Làm cách nào tôi có thể triển khai menu thả xuống chọn kiểu trong HTML bằng tùy chọn nhập văn bản?Trình đơn thả xuống chọn HTML có trường nhập

Ý tưởng cho rằng ai đó có thể chọn từ danh sách các tùy chọn được xác định trước hoặc nhập tùy chọn của riêng họ.

+0

'trường tìm kiếm == trường văn bản đầu vào' –

+0

@MohammadAdil Vâng nhưng bạn biết ý tôi là gì :) – jesal

Trả lời

54

Bạn có thể sử dụng văn bản đầu vào với thuộc tính "danh sách", đề cập đến nhà dữ liệu của các giá trị.

<input type="text" name="city" list="cityname"> 
<datalist id="cityname"> 
    <option value="Boston"> 
    <option value="Cambridge"> 
</datalist> 

Điều này tạo trường nhập văn bản miễn phí cũng có menu thả xuống để chọn các lựa chọn được xác định trước. Ghi công cho ví dụ và thông tin thêm: https://www.w3.org/wiki/HTML/Elements/datalist

+4

Xin chào Oleg, áp phích ban đầu đã yêu cầu plugin hoặc một số mã mẫu - có thể bạn xác định câu trả lời của bạn để cho thấy cách áp dụng thuộc tính "danh sách" để thực hiện những gì họ muốn? Cảm ơn bạn. –

+4

woah. Bây giờ tôi vừa học được điều gì đó mới mẻ. Tôi nghĩ rằng không có nhiều lập trình viên biết thủ thuật đơn giản này để giải quyết vấn đề. Cảm ơn bạn. – Dummy

+2

Datalist thực hiện thủ thuật này, nhưng hiển thị trên một số trình duyệt (chrome for ex) có thể trở thành vấn đề. Ngược lại để chọn phần tử, bạn không thể tạo kiểu hoặc thậm chí là có một thanh cuộn là một vấn đề lớn đối với các danh sách dài. –

Các vấn đề liên quan