HTML复选框


①将type类型设为"checkbox"
②name=""用来设置变量名
③value=""用来设置变量默认值
④<input>此处设置需要显示的内容<br>
 
代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html复选框</title>
</head>
<body>
    <form>
        <label>请选择你喜欢的水果:</label><br>
        <input type="checkbox" name="apple" value="苹果">苹果<br>
        <input type="checkbox" name="banana" value="香蕉">香蕉<br>
        <input type="checkbox" name="orange" value="橙子">橙子<br>
        <input type="checkbox" name="melon" value="西瓜">西瓜<br>
        <input type="submit">
    </form>
</body>
</html>

运行截图:

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM