HTML|按钮和多选框

HTML|按钮和多选框


1.多选框

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

有睡觉,篮球,足球和编程:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按钮和多选框title>
head>
<body>


<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>

HTML|按钮和多选框_第1张图片

2.按钮

将input的type改为button即可,也要有name和value:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按钮和多选框title>
head>
<body>


<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>


<p>
  <input type="button" name="bt" value="按钮">
p>

body>
html>

HTML|按钮和多选框_第2张图片

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


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

你可能感兴趣的:(#,HTML,checkbox,网页设计,html)