HTML基础表单
1.表单标签
标签 描述
form:定义供用户输入的表单
input:定义输入域
textarea :定义文本域 (一个多行的输入控件)
label :定义一个控制的标签
fieldset :定义域
legend :定义域的标题
select:定义一个选择列表
option :定义下拉列表中的选项
button :定义一个按钮
hoden:隐藏
submit:自带提交按钮
reset:重置
date:日期
radio:单选
checkbox:复选
number:数字
email:邮件
password:密码
del:删除样式字体
ins:下划线字体
sup:上标
sub:下标
placeholder:文本框内显示文字
2.form表单中get与post区别
GET和POST是HTTP的两个常用方法
1.什么是HTTP?
超文本传输协议(HyperText Transfer Protocol -- HTTP)是一个设计来使客户端和服务器顺利进行通讯的协议。
HTTP在客户端和服务器之间以request-response protocol(请求-回复协议)工作。
GET - 从指定的服务器中获取数据
POST - 提交数据给指定的服务器处理
2.GET方法:
使用GET方法时,查询字符串(键值对)被附加在URL地址后面一起发送到服务器:
/test/demo_form.jsp?name1=value1&name2=value2
特点:
GET请求能够被缓存
GET请求会保存在浏览器的浏览记录中
以GET请求的URL能够保存为浏览器书签
GET请求有长度限制
GET请求主要用以获取数据
3.POST方法:
使用POST方法时,查询字符串在POST信息中单独存在,和HTTP请求一起发送到服务器:
POST /test/demo_form.jsp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2
特点:
POST请求不能被缓存下来
POST请求不会保存在浏览器浏览记录中
以POST请求的URL无法保存为浏览器书签
POST请求没有长度限制
建议:
1、get方式的安全性较Post方式要差些,包含机密信息的话,建议用Post数据提交方式;
2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式;
3.块级元素与行内元素
块级元素有:div,表单,表格,标题,段落等。
行内元素有:图片,输入框,span,stong
两者发区别:在标准文档中块级元素具有以下特点:
1.总是在新行上开始,占据一整行;
2.高度,行高以及外边距和内边距都可以控制;
3.宽度实在是与浏览器宽度一样,与内容无关;
4.他可以容纳内联元素和其他元素。
行内元素的特点:
1.和其他元素都在一行上;
2.高,行高及外边距和内边距部分可以改变;
3,宽度只与内容有关。
4.行内元素只能容纳文本或者其他行内元素。