17
Khi gửi biểu mẫu, bạn có thể đánh dấu hộp kiểm/radio theo yêu cầu như thế nào?html5: Ý nghĩa của thuộc tính được yêu cầu trong hộp kiểm/radio
Nguồn cảm hứng: Pekka 's answer đến một question
A
Trả lời
23
Các hộp kiểm bắt buộc không phải là bất thường. Thực tế, mọi biểu mẫu đăng ký đều sử dụng một số biểu mẫu của hộp kiểm "Tôi đã đọc và chấp nhận Thỏa thuận người dùng".
Nếu bạn có Opera tiện dụng, hãy thử mã bên dưới. Biểu mẫu sẽ không gửi trừ khi hộp kiểm được chọn.
<!doctype html>
<html>
<head>
<title>html5</title>
</head>
<body>
<h1>html5 test</h1>
<form action="/">
<input type="checkbox" required="required" id="cb" name="cb">
<label for="cb">required checkbox</label>
<input type="submit">
</form>
</body>
</html>
7
Đối với hộp kiểm, cách tốt nhất có lẽ là để trước khi chọn nó và đặt nó là người tàn tật. Chỉ đùa thôi.
Để đảm bảo một nút radio trong một nhóm đã được chọn, hãy bắt đầu với lựa chọn mặc định hoặc xác thực bằng javascript. Không có cách nào HTML để làm điều đó bởi vì mọi lựa chọn có thể là hợp lệ.
Trong html5 có thuộc tính required cho hộp kiểm.
Chúng bằng cách nào đó kỳ lạ, vì vậy hãy để tôi trích dẫn điều gì đó để giải thích cách hoạt động của chúng.
Đối với hộp kiểm, thuộc tính bắt buộc chỉ được đáp ứng khi một hoặc nhiều hộp kiểm có tên đó trong biểu mẫu đó được chọn.
Đối với nút radio, thuộc tính bắt buộc chỉ được đáp ứng khi chính xác một trong các nút radio trong nhóm radio đó được chọn.
Tất nhiên bạn luôn phải xác thực phía máy chủ vì khách hàng luôn có thể gửi cho bạn bất cứ điều gì anh ta mong muốn. Chỉ cần sử dụng các phương pháp này để có trải nghiệm người dùng tốt hơn.
+0
+1 để đoán. rất khó trừ khi bạn trình bày một đối số mạnh mẽ hơn :) – naveen
+0
dự đoán là gì? chỉ cập nhật câu trả lời theo html5 sepcs –
+1
+1 thông số kỹ thuật rõ ràng, nhưng điều này vẫn còn * lạ *. Không có ý nghĩa gì từ quan điểm giao diện người dùng. –
0
Tôi chỉ cố gắng nó trên một nút radio trong Firefox 4. Thêm required với một đầu vào radio, sau đó nộp trước khi lựa chọn một, gây nên một "Hãy chọn một trong các tùy chọn" tooltip.
Ví dụ: công trình này:
<input type="radio" name="gender" value="m" required />
<input type="radio" name="gender" value="f" />
+0
Chrome 12 của bạn. Safari 5 và IE 9 thì không. Thử nghiệm trên Win7. –
7
Tôi đã thử nghiệm cần thuộc tính cho Radio Buttons ngày hôm nay trên Firefox 17.0.1 trên XP SP2.
Dường như tuân thủ đặc điểm của thuộc tính được yêu cầu cho nút/nhóm radio. Khi Firefox nhắc "Vui lòng chọn một trong các tùy chọn này". cho cả của các đoạn mã dưới đây:
Hoặc bạn thiết cần thuộc tính cho mỗi người trong số các nút radio
<input type="radio" name="gender" value="male" required="required" />
<input type="radio" name="gender" value="female" required="required" />
Hoặc bất kỳ một trong những yếu tố vô tuyến
<input type="radio" name="color" value="blue" />
<input type="radio" name="color" value="red" required="required" />
<input type="radio" name="color" value="green" />
Bất kỳ ý kiến và cập nhật được hoan nghênh.
+2
Liên kết đến đặc điểm kỹ thuật: http://www.w3.org/TR/html-markup/input.radio.html#input.radio.attrs.required Bất kỳ ai cũng có thể tìm thấy tham chiếu cho biết loại nào trong hai kiểu này được ưa thích nhất đánh dấu một nhóm nút radio theo yêu cầu? Tôi không thể tìm thấy ở đâu cả. – Grilse
+0
cảm ơn bạn @Grilse cho URL tham chiếu của w3.org –
+1: điểm rất hợp lệ! làm thế nào tôi bị mất? – naveen
Bạn không cần 'required =" required "', chỉ cần thêm 'required' là đủ. – Ben
'required =" required "' là XHTML hợp lệ. Thuộc tính phải có giá trị. – leggetter