表单详解
标签名:
1、form action(路径) method (提交方式,提交方式分为get和post,post) (如果在表单中插入图片或者文件提交,需要给form加上 enctype="multipart/form-data" 属性)
2 提交方式:
get提交:在路径后面加参数 ?name=123&age=123
注意:键不要加空格 ?name=123&age=123 ?name= 123&age =123
表单元素:
1、文本框类型
(1)文本框:text (disabled 不可操作; readonly 只读)
(2)密码框:password
(3)隐藏域:hidden
(4)多行文本 :texarea
(placeholder=“文本框默认值” 在input里面显示要输入的内容提示 是四个文本框通用属性)
2、按钮类型
(1)提交: submit、 buton标签也是提交的意思
(2)复位: rest
(3)普通:button
3、选择类型
label标签 将文字和选择标签相关联
用法1:用label标签将内容包裹起来
用法2:label标签得for属性的属性值是选择标签的id值,然后将选择的标签代表的意思放到label标签的内容位置
(1)单选:ratio (checker 属性默认选中)
(2)多选:checkbox
(3)下拉:<select> <option> 嵌套标签
4、文件类型 (1)file
5、图片类型 (2)imag
6、表单元素的通用写法
< input type=“类型” name=“ ” value=“ ”>
name:在表单中和value是键值对
在单选多选中有分组的意思
7、表单的特殊元素
下拉
<select name=“ ” id=“ ” >
< option value=“ 中的数值和后面的选项1相对 ” >选项1< /opion>
< option >选项2< /option >
<option value=“ ” >选项3< /opion >
</select >
value : option里面有value属性那就是属性值
option没有value属性 那就是属性值
8、多行文本
< textarea name=“ ” id= “ ” cols= “长(这里的属性不需要加px)” rows= “ 宽 ” >内容就是value 值
< /textarea >