<!DOCTYPE html><!--表单元素格式： 属性 说明 type 指定元素的类型。text、password、checkbox、radio、submit、reset、 file、hidden、image、和button。默认为text name 指定表单元素的名称 value 元素的初始值。type 为 radio时必须指定一个值 size 指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位。 对于其他类型，宽度以像素为单位。 maxlength type为text或password时，输入的最大字符数 checked type为radio或checkbox时，指定按钮是否是被选中--><html lang="en"><head> <meta charset="UTF-8"> <title>按钮和单选框和多选框</title></head><body><form action="1.我的第一个网页.html" method="post"><!-- 文本输入框：input type=“text”默认值初始值为 咕咕咕咕咕输入限制为8文本框尺寸为30--> <p>名字：<input type="text" name="username" value="咕咕咕咕咕" maxlength="8" size="30"></p><!-- 密码框：input type="password" --> <p>密码：<input type="password" name="pwd"></p><!--单选框标签：input type="radio"value：单选框的值name：表示组 如果name相同，表示同一个组，name不同，组不相同组不相同的话可以同时勾选--> <p>性别： <input type="radio" value="boy" name="sex"/>男 <input type="radio" value="girl" name="sex">女 </p><!--多选框标签：input type="checkbox"--> <p>爱好： <input type="checkbox" value="smoking" name="hobby">抽烟 <input type="checkbox" value="drink" name="hobby">喝酒 <input type="checkbox" value="Scald" name="hobby">烫头 </p><!--按钮：input type="button" 普通按钮input type="image" 图像按钮input type="submit" 提交按钮input type="reset" 重置按钮--> <p>按钮： <input type="button" name="btn1" value="点击变大"> <input type="image" src="../resources/image/1.jpg"> </p> <p> <input type="submit"> <input type="reset" value="清空表单"> </p></form></body></html>