<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单拓展二</title> </head> <body> <h1>注册</h1> <!-- 表单： action：表单提交的位置,可以是网站,也可以是一个请求处理地址 method：get/post 表单的两种提交方式,为确保数据安全常用 post 方式提交 get 方式提交：我们可以在 url 中看到我们提交的信息,不安全,高效 post 方式提交：比较安全,可传输大文件 --> <form action="1.我的第一个网页.html" method="get"> <!-- 文本输入框： type：text value="狂神好帅"：默认初始值 maxlength="8"：最长能写几个字符 size="30"：文本框长度 <input type="text" name="username"> --> <p>名字：<input type="text" name="username"/> </p> <!-- 密码框： type：password <input type="password" name="pwd"> --> <p>密码：<input type="password" name="pwd"/> </p> <!-- 单选框标签： type：radio value：单选框的值 name：表示组 <input type="radio" value="boy" name="sex"/> --> <p>性别： <input type="radio" value="boy" name="sex"/>男 <input type="radio" value="girl" name="sex"/>女 </p> <!-- 多选框标签： type：checkbox <input type="checkbox" value="sleep" name="hobby"/> --> <p>爱好： <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"/>游戏 </p> <!-- 按钮： input type="button" 普通按钮 input type="image" 图像按钮 input type="submit" 提交按钮 input type="reset" 重置按钮 more... --> <p>普通按钮： <input type="button" name="btn1" value="点击按钮"/> </p> <p>图像按钮： <input type="image" src="../resources/image/1.jpg" name="btn1"/> </p> <p> <input type="submit" value="提交表单"/> <input type="reset" value="清空表单"/> </p> </form> </body> </html>