<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多选框和按钮</title>
</head>
<body>
<!-- 多选框
-->
<form>
<p>
<input type="checkbox" value="sleep" name="hobby">睡觉
<input type="checkbox" value="code" name="hobby" checked>敲代码
<input type="checkbox" value="chat" name="hobby">聊天
<input type="checkbox" value="game" name="hobby">游戏
</p>
<!-- 按钮 type=button或image
-->
<p>
<input type="button" name="btn1" value="点击变长">
<input type="image" src="../resources/image/me.jpg" width="100px" height="100px">
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>