标签：元素 注册 多选 -- utf-8 密码 color 使用场景 submit
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>表单标签</title> 7 </head> 8 <body> 9 <h3><input>表单元素</h3> 10 <form action="xxx.php" method="get"> 11 <!-- text 文本框 用户可以里面输入任何文字 --> 12 用户名：<input type="text" name="username" value="请输入用户名" maxlength="6"> <br/> 13 <!-- password 密码框 用户看不见输入的密码 --> 14 密码：<input type="password" name="pwd"> <br/> 15 <!-- radio 单选按钮 可以实现多选 --> 16 <!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 --> 17 <!-- 单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮 --> 18 性别：男 <input type="radio" name="sex" value="男" checked="checked"> 女 <input type="radio" name="sex" value="女"><br> 19 <!-- checkbox 复选框 可以实现多选 --> 20 爱好：吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby" value="睡觉"> 打豆豆 <input type="checkbox" name="hobby" value="打豆豆" checked="checked"> <br> 21 <!-- 点击了提交按钮，可以把表单域 form 里面的表单元素里面的值 提交给后台服务器 --> 22 <input type="submit" value="免费注册"> 23 <!-- 重置按钮可以还原表单元素初始的默认状态 --> 24 <input type="reset" value="重新填写"> 25 <!-- 普通按钮 button 后期结合js 搭配使用 --> 26 <input type="button" value="获取短信验证码"> <br> 27 <!-- 文件域 使用场景 上传文件使用的 --> 28 上传头像：<input type="file"> 29 </form> 30 31 </body> 32 </html>
标签：元素 注册 多选 -- utf-8 密码 color 使用场景 submit
原文地址：https://www.cnblogs.com/qian-shijia/p/sj_html_0001.html
