Radio button
Type này được dùng để chọn một trong nhiều lựa chọn, chẳng hạn chọn giới tính, chọn quốc gia đang sinh sống. Code mẫu:
<form>
<input name="gioitinh" type="radio" value="Nam" />Nam<br />
<input name="gioitinh" type="radio" value="Nữ" />Nữ<br />
<input name="gioitinh" type="radio" value="Khác" />Khác
</form>
<form>
<input name="gioitinh" type="radio" value="Nam" />Nam<br />
<input name="gioitinh" type="radio" value="Nữ" />Nữ<br />
<input name="gioitinh" type="radio" value="Khác" />Khác
</form>
Kết quả:
Nếu bạn không để name có cùng tên thì bạn sẽ chọn được 2 cái cùng lúc, do vậy cần lưu ý name khi dùng radio.
Checkbox
Radio buttons dùng để chọn chỉ một cái trong nhiều lựa chọn còn checkbox thì ngược lại, nó cho phép bạn không chọn lựa cái nào hoặc chọn nhiều cái (từ một cho đến tất cả), code mẫu:
<input type="checkbox" name="thethao" value="Bóng đá">Bóng đá<br>
<input type="checkbox" name="thethao" value="Bơi lội">Bơi lội<br>
<input type="checkbox" name="thethao" value="Điền kinh">Điền kinh<br>
<input type="checkbox" name="thethao" value="Cầu lông">Cầu lông<br>
<input type="checkbox" name="thethao" value="Cầu lông">Cầu lông<br>
<input type = "checkbox" name= "thethao" value="Võ thuật">Võ thuật
</form>
</form>
Kết quả:
Thuộc tính checked
Đây là thuộc tính được dùng để đánh dấu trước một lựa chọn nào đó, chẳng hạn một Form nhập liệu yêu cầu bạn nhập Quốc gia đang sinh sống, nhưng nó cũng xác định được địa chỉ IP của bạn xuất phát từ Việt Nam nên đã tick sẵn vào đây từ trước cho bạn. Điều này giúp bạn giảm thiểu các thao tác phải nhập. Ví dụ:
Code mẫu:
<form>
<input checked="checked" name="gioitinh" type="radio" value="VN" />Việt Nam<br />
<input name="gioitinh" type="radio" value="TQ" />Trung Quốc<br />
<input name="gioitinh" type="radio" value="NB" />Nhật Bản<br />
<input name="gioitinh" type="radio" value="HQ" />Hàn Quốc
</form>
No comments:
Post a Comment