<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 表单标签: action:提交的地址 method: get: 默认提交方式,会将参数显示在链接后面,大小限制为4K post: 链接后面不会显示数据,没有大小限制 textarea:文本域 rows 宽 cols 高 select: 下拉列表 option选择项 input : type:指定输入项的模型 text : 文本 password:密码 radio :单选 多个radio记得加上name属性,为一组,只能选一个 checkbox:复选下拉框 file :文件 submit :提交按钮 value: 按钮的名称 reset : 重置按钮 button : 普通按钮 hidden :隐藏域 date :日期类型 tel : 手机号 number : 只允许输入数字 placeholder:指定默认提示信息 name:提交表单的时候,当作参数的名称 id: 给输入项取一个名字,以便于后期我们去找到它,操作它 --> <!--文本输入框--> <form action="../网站首页案例/网站首页.html" method="get"> <!--隐藏域,主要用来存取一些ID信息--> <input type="hidden" value="as1234124aksjgfjahsgf" name="uid"/> 用户名: <input type="text" name="username" id="username" placeholder="请输入用户名"/><br/> 密 码 : <input type="password" placeholder="请输入密码"/><br/> 确认密码: <input type="password" placeholder="密码确认"/><br/> 邮 箱 : <input type="text"/> <br/> 手机号码: <input type="number"/><br/> 靓 照: <input type="file"/><br/> 性 别:
<input type="radio" />男<input type="radio" />女<input type="radio" />妖 <br/> 爱 好 :
<input type="checkbox" />抽烟 <input type="checkbox" />喝酒 <input type="checkbox" />烫头 <input type="checkbox" />撸代码 <input type="checkbox" />大宝剑<br/> 择偶要求:
<textarea rows="4px" cols="40px"></textarea> <br/> 籍 贯:
<select > <option>请选择----</option> <option>湖南</option> <option>湖北</option> <option>广东</option> <option>广西</option> </select> </br> 出生日期:<input type="date"><br /> 验证码: <input type="text"></br> 提交: <input type="submit" value="提交"/><br/> 普通按钮:<input type="button" value="普通按钮" /><br/> 重置按钮:<input type="reset" value="重置按钮" /> </form> </body> </html>