form表单(表单域)
表单:用来提交表单中的表单元素数据给后台服务器的。
action:用来设置前端点击提交按钮,需要提交给后台的地址;
method:网络请求的方式,get和post,(由后台决定)。
get:请求速度快-效率高,但是有长度限制(数据大小);
post:请求安全性高,没有数据大小的限制。
<form action="https://www.baidu.com/s" method="get">...</form>
表单元素
下拉列表 select->option。通过name字段传递下拉列表option对应的value值;
<select name="city" id="">
<option value ="北京">北京</option>
<option value ="上海">上海</option>
</select>
单选框 input。type:radio。 name字段名设置一致,传的值为value;
学历:
<input type="radio" name="edu" id="" value="高中" />高中
<input type="radio" name="edu" id="" value="研究生" />研究生
<input type="radio" name="edu" id="" value="本科" />本科
复选框 input。type:checkbox。 name字段名设置一致,传的值为value;
爱好:
<input type="checkbox" name="hobby[]" value="美女" />美女
<input type="checkbox" name="hobby[]" value="王者" />王者
多行输入框 textarea;
<textarea rows="30" cols="100">
亲,留个脚印再走呗
</textarea>
数字输入框 input。type:number;
成绩:<input type="number">
文件上传 input。 type:file。
<input type="file" name="" id="" value="" />