HTML|按钮和多选框

1.多选框

和单选框相比，就是将type属性从radio改成了checkbox，比如我们建立一个爱好的多项选择：

有睡觉，篮球，足球和编程：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>按钮和多选框</title>
</head>
<body><!--
多选框：
checkbox
value也是必须要有的
name也需要是一样的
和性别的单选框相比，就是type从radio改成了checkbox
-->
<p>爱好（多选）：<input type="checkbox" value="sleep" name="hobby">睡觉<input type="checkbox" value="basketball" name="hobby">篮球<input type="checkbox" value="soccer ball" name="hobby">足球<input type="checkbox" value="coding" name="hobby">编程
</p></body>
</html>

2.按钮

将input的type改为button即可，也要有name和value：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>按钮和多选框</title>
</head>
<body><!--
多选框：
checkbox
value也是必须要有的
name也需要是一样的
和性别的单选框相比，就是type从radio改成了checkbox
-->
<p>爱好（多选）：<input type="checkbox" value="sleep" name="hobby">睡觉<input type="checkbox" value="basketball" name="hobby">篮球<input type="checkbox" value="soccer ball" name="hobby">足球<input type="checkbox" value="coding" name="hobby">编程
</p><!--
按钮：
将input的type改为button即可，要为其设置name和value
-->
<p><input type="button" name="bt" value="按钮">
</p></body>
</html>

可以看到生成了一个按钮，但是这个按钮点击了过后肯定是不会有任何响应的，因为仅仅只是一个按钮，没有其他任何内容。

人生没有白走的路，每一步都算数!

HTML|按钮和多选框相关推荐

Html5 表单语法，按钮和多选框，
表单语法 <form method="post" action="result.html"><p>名字:<input name=& ...
java：按钮（复选框）
按钮(复选框) 一.关键代码 (一).单选按钮组件 (二).按钮默认勾选二.简单说明三.流程图四.源码 (一).源码A (二).源码A的运行效果五.结语六.定位日期一.关键代码 (一).单 ...
html按钮和多选框
多选框: <p>爱好:<input type="checkbox" ...
HTML14 按钮和多选框(DAY 52)
文章目录 1:基础 reset 按钮作用 :重置 2:代码 1:基础多选框的按钮和数目都不一样了. 画出来的都是按钮,value是按钮的名字图片也能是一个按钮,并且提交. reset 按钮作用 : ...
【Android】-- 按钮（复选框CheckBox、开关按钮Switch、单选按钮RadioButton）
CompoundButton在XML文件中主要使用下面两个属性. checked:指定按钮的勾选状态,true表示勾选,false则表示未勾选,默认为未勾选. button:指定左侧勾选图标的图形资源 ...
java 下拉复选框_JAVA个人小程序GUI篇-收银（标签、按钮、复选框、下拉标、文本域、表格······）...
1 //导入包 2 importjava.awt.BorderLayout;3 importjava.awt.EventQueue;4 5 importjavax.swing.JFrame;6 imp ...
按钮随复选框选中与取消变换样式
2019独角兽企业重金招聘Python工程师标准>>> <tr><td><input type="checkbox" value=& ...
opencv中添加按钮，复选框，单选框
Mat img; //灰度图 bool applyGray=false; //blur均值滤波,median blur中值滤波 bool applyBlur=false; //sebel提取图像轮廓 ...
选择屏幕——按钮、单选复选框
12.6. 按钮.单选复选框.下拉框的FunCode 如果复选框与单选按钮没有设置Function Code,则它们就会像普通的输入框一样,即使状态发生了改变,也不会触发PAI事件对话屏幕中 ...
vc6.0mfc中单选按钮如何分组_按钮系列02-搞定按钮和选框的14个秘诀
UI 界面当中,各种开关.按钮.选框控件是非常常见的组件,它们看起来不复杂,但是在实际使用的时候讲究非常之多,它们不仅关乎体验,而且涉及到一些界面逻辑问题. 英文中的「Toggle」一词,对应的是带 ...

HTML|按钮和多选框

HTML|按钮和多选框

1.多选框

2.按钮

HTML|按钮和多选框相关推荐

最新文章

热门文章