0309-表单:标签、类型、注意事项
表单
示例代码:
<form action="路径" method="提交方式" enctype>
*//提交方式分为get和post(默认为get方式)
//post提交(安全性高):在请求信息里面加参数,能接收到,看不到。
//get提交(不安全):通过在路径后面传参数提交。可用a标签传值<a href="a.html?a=aa&b=bb"></a>
//注意:键不能加空格、
值不能加引号
1.文本框:
文本框:text (<input type="text" value="邮箱" placeholder="邮箱">)鼠标放上不显示邮箱了,鼠标离开继续显示邮箱
密码框:password
隐藏:hidden (<input type="hidden" id="nam" value="123">)
多行文本:text
//表单元素的通用写法
<input type="" name="" value="" />
//表单的特殊元素:
//下拉(option有value:name=value;option没有value:name=内容):
<selete>
<option value="1">小明</option> //name=1
<option>小龙</option> //name=小龙
<option value="2">小红</option> //name=2
</selete>
//多行文本(内容即value):
<textarea name="" id="" col="宽" row="高">
内容 //name=内容
</textarea>
文件:file
文件上传要加 在form 中加 enctype属性
<form action="" enctype="multipart/form-data">
<input type="file">
</form>
关于name和value:
在表单中name与value是键值对,如果需要传值,必须要有name和value(input);
在单选和多选中name有分组的作用:通过将name设为一样实现分组。