Pair of Vintage Old School Fru

Form Select-tao danh sách chọn

Form Select-tao danh sách chọn

*select
phần tử select, đua ra cho người ta một danh sách sổ suống để chọn lựa, mỗi chọn lựa nằm bên trong tag option
Mã nguồn:[Chọn]
<select>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
</select>
Kết quả:

Bên trong tag select ta có thể định dạng cho....à...ờ, xem ví dụ nhé
Mã nguồn:[Chọn]
<select size="4">
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
</select>
Kết quả:

Nếu muốn người dùng chọn được nhiều kết quả cùng lúc bằng cách giữ phím Ctrl+Click chọn, ta thêm thuộc tính multiple="yes"
Mã nguồn:[Chọn]
<select size="4" multiple="yes">
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
</select>
Kết quả:

ta có thể quyết định những cái nào được chọn với giá trịselected="yes"
Mã nguồn:[Chọn]
<select multiple="yes">
<option selected="yes">Người yêu</option>
<option selected="yes">Bạn bè</option>
<option selected="yes">Gia đình</option>
</select>
Kết quả:

Chú ý: trong thực tế ta cần đặt thuộc tính name trên tag mởselect và thuộc tính value ở mỗi option, khi form được gửi đi, giá trị của phần tử select chính là giá trị tương ứng của option được chọn.

 

Copyright © 20012-2013 by 2Thangban
Powered by Xtgem
Design by PhamKhuong
Số người Người đang online 1
Số lượt xem trong tháng: 1
Tổng số lượt truy cập: 161
Chuyên mục:6
Bài Viết :
In trang này

Chia sẽ với Facebook

Chia Sẽ Cùng Twitter
Chia Sẽ cùng Google+

Chia sẽ cùng Zing

Chia sẽ cùng Yahoo