form表单标签梳理

action=""路径，表单的数据提交到服务器

method=""，表单中的数据提交方式

在表单中，鼠标落到文本框中，叫获取焦点;鼠标从文本框中拿走，这个叫失去焦点;(焦点是js脚本中的概念)

快捷键+tab

input:h 隐藏域标签（在页面预览时是不可见的，但隐藏域中的数据，是可以被表单提交送给服务器的

input:t 单行文本框，只能一行书写不能另起一行

用户名：<input type="text" name="" id="" >

input:p 密码框，密码域看不见信息

input:r,单选框，当使用单选框时名称要保持一致 name="sex"，checked="checked"默认选中

input:c,复选框，可以选择多个

<input type="checkbox" name="hobby[]" id="">唱歌

<input type="checkbox" name="hobby[]" id="">跳舞

<input type="checkbox" name="hobby[]" id="">看书

<input type="checkbox" name="hobby[]" id="">电影

select 下拉菜单

option 菜单项标签

multiple="multiple"复选多个下拉菜单项(按ctrl)

</select>

<textarea name="" id="" cols="30" rows="10"></textarea>多行文本框标签

row="10"行数，超过行数就会出现滚动条

cols="30"列宽

input:f 上传文件标签

input:s 提交按钮

input:reset 重置按钮

button 按钮

input:i 图像按钮

&nbsp ; 两个空格

&emsp;两个空格(实际项目中，中文中表示2个空格我们使用&emsp;不用  

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="" method="post"> <input type="hidden" name="uid"> <p> 用户名：<input type="text" name="" id="" > </p> <p> 密&emsp;码：<input type="password" name="" id=""> </p> <p> 性别： <input type="radio" name="sex" id="" checked="checked"> <input type="radio" name="sex" id="" > </p> <p> 爱好： <input type="checkbox" name="hobby[]" id="">唱歌 <input type="checkbox" name="hobby[]" id="">跳舞 <input type="checkbox" name="hobby[]" id="">看书 <input type="checkbox" name="hobby[]" id="">电影 </p> <p> <select name=""multiple="multiple"> <option value="">--选择城市--</option> <option value="">安徽</option> <option value="">上海</option> <option value="">浙江</option> <option value="">北京</option> </select> </p> <p> 留言： <textarea name="" id="" cols="30" rows="10"></textarea> </p> <p> 上传文件： <input type="file" name="" id=""> </p> <p> <input type="submit" value="提交"> <input type="reset" value="重置"> <button type="button">注册</button> <input type="image" src="img/ibtn.jpg" alt="" width="20"> </p> </form> </body> </html>