form表单标签梳理
action=""路径,表单的数据提交到服务器
method="",表单中的数据提交方式
在表单中,鼠标落到文本框中,叫获取焦点;鼠标从文本框中拿走,这个叫失去焦点;(焦点是js脚本中的概念)
快捷键+tab
input:h 隐藏域标签(在页面预览时是不可见的,但隐藏域中的数据,是可以被表单提交送给服务器的
<input type="hidden" name="uid">
input:t 单行文本框,只能一行书写不能另起一行
用户名:<input type="text" name="" id="" >
input:p 密码框,密码域看不见信息
<input type="password" name="" id="">
input:r,单选框,当使用单选框时名称要保持一致 name="sex",checked="checked"默认选中
<input type="radio" name="sex" id="" checked="checked">
<input type="radio" name="sex" id="" >
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 name=""multiple="multiple">
<option value="">--选择城市--</option>
<option value="">安徽</option>
<option value="">上海</option>
<option value="">浙江</option>
<option value="">北京</option>
</select>
<textarea name="" id="" cols="30" rows="10"></textarea>多行文本框标签
row="10"行数,超过行数就会出现滚动条
cols="30"列宽
input:f 上传文件标签
<input type="file" name="" id="">
input:s 提交按钮
<input type="submit" value="提交">
input:reset 重置按钮
<input type="reset" value="重置">
button 按钮
<button type="button">注册</button>
input:i 图像按钮
<input type="image" src="img/ibtn.jpg" alt="" width="20">
  ; 两个空格
 两个空格(实际项目中,中文中表示2个空格我们使用 不用
<!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> 密 码:<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>