label\u6a19\u7c64\u7684for\u5c6c\u6027\u9023\u7d50input\u6a19\u7c64\u7684id\u5c6c\u6027<\/strong>\uff0c\u9019\u6642\u9ede\u64ca\u6587\u5b57\u5c31\u80fd\u5b8c\u6210\u9078\u64c7\u4e86\uff01<\/p>\n\n\n\n\u4f46\u901a\u5e38\u7cfb\u7d71\u505a\u51fa\u4f86\u7b2c\u4e00\u4ef6\u4e8b\u90fd\u6703\u8981\u6c42\u76f4\u63a5\u653e\u5927\u6309\u9215\u5927\u5c0f\u5c31\u597d\uff0c
\u90a3\u6211\u5011\u5148\u770b\u4e00\u4e0bHtml\u539f\u59cb\u78bc\uff1a<\/p>\n\n\n\n
<!-- HTML --><\/span>\n\n<body>\n <!-- \u9019\u662f\u5713\u578b\u6309\u9215\u6e2c\u8a66 --><\/span>\n <p>CheckBox<\/p>\n <div class=\"ckbutton\">\n <input type=\"checkbox\" class=\"ckbutton_checkbox\" id=\"ckbutton_id\" checked>\n <label class=\"ckbutton_label\" for=\"ckbutton_id\"><\/label>\n\n <input type=\"checkbox\" class=\"ckbutton_checkbox\" id=\"ckbutton_id2\">\n <label class=\"ckbutton_label\" for=\"ckbutton_id2\"><\/label>\n\n <\/div>\n <br \/>\n <p>RadioButton<\/p>\n <!-- radio\u6e2c\u8a66 -->\n <!-- id\u9023\u7d50\u8a72input name\u76f8\u540c\u8868\u793a\u540c\u4e00\u7fa4\u7d44 value\u70ba\u6309\u9215\u7684\u503c --><\/span>\n <div class=\"rdobutton\">\n <input class=\"rdobutton_radio\" type=\"radio\" id=\"radioId\" name=\"radioname\" value=\"0\" checked \/>\n <label class=\"rdobutton_label\" for=\"radioId\"><\/label>\n\n <input class=\"rdobutton_radio\" type=\"radio\" id=\"radioId2\" name=\"radioname\" value=\"1\" \/>\n <label class=\"rdobutton_label\" for=\"radioId2\"><\/label>\n <\/div>\n\n\n<\/body><\/code><\/pre>\n\n\n\n\u4ee5\u4e0a\u662fRadio button\u548cCheckbox\u5728HTML\u90e8\u5206\u7684\u8a2d\u5b9a\uff0c\u63a5\u4e0b\u4f86\u6211\u5011\u4f86\u6e96\u5099\u52a0\u5165CSS\u6a23\u5f0f\u8a2d\u5b9a<\/strong>\u5427\uff01<\/p>\n\n\n\n<\/span>\u55ae\u7d14\u653e\u5927\u6309\u9215\u5bec\u9ad8<\/span><\/h2>\n\n\n\n\u60f3\u8981\u55ae\u7d14\u653e\u5927\u7684\u8a71\uff0c\u53ea\u9700\u8981\u5728CSS\u4e2d\u5169\u500b\u6309\u9215\u7684class\u7d66\u4e0a\u5bec\u9ad8\u5373\u53ef\uff1a<\/p>\n\n\n\n
\/* CSS *\/<\/span>\n\n.ckbutton_checkbox, .rdobutton_radio{\n width: 25px;\n height: 25px;\n}<\/code><\/pre>\n\n\n\n\u9019\u6642\u5019\u6211\u5011\u5c31\u53ef\u4ee5\u770b\u5230\uff0c\u6309\u9215\u78ba\u5be6\u8b8a\u5927\u9846\u4e86\uff0c\u4e0d\u518d\u662f\u9810\u8a2d\u90a3\u7a2e\u5c0f\u5230\u5f88\u96e3\u6309\u7684\u6309\u9215\u4e86\uff01<\/p>\n\n\n\n