表单:
作用: 用来收集用户信息;也叫 表单框(表单域form)
<form method=""></form>
action: 传给后端的地址
method: 传给后端的方法
GET: 从后端获取数据,数据量比较小,安全性比较低,速度较快
POST: 向后端发送数据,数据量大,安全性高,速度较慢
name: 表单的标识
表单控件:
在表单里面,绝大部分的表单控件都是input标签,通过type属性的不同来区分的,表单控件要写在form标签的里面, 不是独占一行的
文本框
<input type="text">
value: 文本框的默认值
placeholder: 没有内容时的提示文字
maxlength: 限制输入的最大长度
密码框
<input type="password">
value: 密码框的默认值
placeholder: 没有内容时的提示文字
maxlength: 限制输入的最大长度
提交按钮
<input type="submit">
value: 按钮里面的文字
没有value属性,默认是‘提交’两个字
一旦点击submit,就会将表单里面的内容通过method的方法提交给action的地址
重置按钮
<input type="reset">
value: 按钮里面的文字
只能清空当前form表单里面的内容
单选框
<input type="radio">
name: 给单选框分组的(相同name的单选框是一组的)
checked: 默认选中
disabled: 禁用状态
value: 发送给后端的值
多选框(复选框)
<input type="checkbox">
name: 给多选框分组(相同name的多选框是一组的)
checked: 默认选中
disabled: 禁用状态
value: 发送给后端的值
下拉菜单
<select>
<option value="">131</option>
<option value="">132</option>
</select>
value: 发送给后端的值
disabled: 禁用状态
selected: 默认选中
多行文本框(文本域)
<textarea rows="" cols=""></textarea>
rows: 一共能显示多少行
cols: 一行能显示多少字(英文字母)
普通按钮
<button></button>
<input type="button">
get与post
1. get是从服务器上获取数据,post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML,HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。
4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。
5. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。
建议:
1、get方式的安全性较Post方式要差些,包含机密信息的话,建议用Post数据提交方式;
2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式;
<div></div>
没有具体含义, 除了独占一行之外没有任何其它的默认属性,是页面布局中常用的标签;
<span> </span>
文本结点标签
可以是某一小段文本,或是某一个字。 它除了不换行外,没有任何其它的默认属性;