html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在使用表单提交数据的时候，为了减少用户的一些操作，使用选择框是一个好主意。本章给大家介绍html如何实现表单的选择框效果？单选框与复选框的实现（代码实例）。通过单选框代码和复选框代码实例，实现单选框样式和多选框样式，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一、选择框种类与语法

html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。

语法：

1	`<input` `type="radio/checkbox"` `value="值"` `name="名称"` `checked="checked"/>`

二、html单选框样式

html单选框代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>单选框</title>
    </head>
    <body>
        <form name="form" method="post" action="">
                      你是否喜欢运动？<br />
             <input type="radio" name="radio" value="喜欢"/>喜欢
             <input type="radio" name="radio" value="不喜欢"/>不喜欢
             <input type="radio" name="radio" value="无所谓"/>无所谓
        </form>
    </body>
</html>