多选框和按钮

多选框

用checkbox表示

<input type="checkbox" value="sleep" name="hobby">爱好
<input type="checkbox" value="code" name="hobby">敲代码
<input type="checkbox" value="chat" name="hobby">聊天
<input type="checkbox" value="game" name="hobby">游戏

浏览器来运行一下

然后我们点击一下就可以发现可以多选

然后我们提交一下

就会发现hobby=sleep hoppy=code

是因为hobby 是name 而sleep code 是value

当然name写的不一样也可以，但是不建议那样做

按钮

用button来表示

<input type="button" value="按钮" name="btn1">

浏览器运行一下

value 是给按钮中间赋值

图片按钮

用image表示

<input type="image" src="">

src为图片的路径

我们可以通过图片来实现一个点击的效果

图片按钮有自动提交功能

<input type="submit">  <!-- 提交-->
<input type="reset"> <!-- 重置-->
<input type="button"> <!-- 按钮-->
<input type="image"> <!-- 图片按钮-->

value可以对按钮进行赋值