Form简介
表单在网页中主要负责数据采集功能。可以将form标签内的内容提交到服务器。
1.Form标签属性
- action=url 数据提交到后台的地址。它可以是一个URL地址(提交给程式)或一个电子邮件地址.
- method=get或post。指明提交表单的HTTP方法。get方式主要用来向后台请求数据,而post常用来向后台上传数据。post方式可传输的数据量更大。get方式在安全性方面不如post。
2.其他重要标签
2.1 input标签。
<input type=' ' name=' '>
常用的input类型:
input类型 | 作 用 |
---|---|
text | 单行文本框 |
password | 密码输入框(不会显示输入的字符) |
checkbox | 多选(同一组name属性必须一致) |
radio | 单选(同一组name属性必须一致) |
file | 上传文件, accept属性可以选择文件类型accept='image/png' ——只能上传png文件) |
hidden | 隐藏域 |
buttom | 普通按钮 |
submit | 提交数据的按钮 |
reset | 重置按钮 |
2.1 label标签。
<label for="abc">xxx</label>
<input id="abc" type="text" name="abc">
对输入框和密码框的文字说明。for属性对应input的id属性,当点击文字时可以定位到输入框。
2.2 textarea标签
<textarea id=" " name=" " cols="40" rows="10"></textarea>
cols 列数。rows 行数。
2.3 select标签
用于下拉栏,必须加上name属性。
<select name="car" id="car">
<option value="sabo">萨博</option>
<option value="fox">fox</option>
</select>
2.4 placeholder属性
在文本框内的提示语