表单的内容和标签与块级元素和行内元素

label标签为input元素定义标签

用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素就会获得输入焦点

基本语法

​
<label for="male">文本</label>
<input type="text" name="sex" id="user" />

​

textarea标签，需要输入大量信息，就需要用<textarea></textarea>标签

通过textarea标签可以创建多行文本框

基本语法

<textarea cols="每行的字符数" rows="显示的行数">
     输入的文本内容
</textarea>

select标签，定义为下拉标签

<select></select>标签中必须要包裹一对<option></<option>标签,在其中定义selected="selected"时，当前选项为默认选中项

基本语法

​
<select>
   <option>选择项</option>
   <option>选择项</option>
   <option>选择项</option>
</select>

​

 

form标签被用于定义表单域

即创建一个表单，以用来实现对用户信息的收集和传递

基本语法

<form action="ur1地址" method="提交方式" name="表单名称">
     各种控件
</form>

表单的提交方式

指代不同

GET:从指定的资源请求数据

POST:向指定的资源提交要被处理的数据

规则不同

GET:请求可被缓存；请求保留在浏览器历史记录中；请求可被收藏为书签；请求不应在处理敏感数据时使用

POST:请求不会被缓存；请求不会保留在浏览器历史记录中；不能被收藏为书签；请求对数据的长度没有要求

数据要求不同

GET:发送数据时，GET方向是向URL添加数据；URL的长度是受限制的，URL的最大长度是2048字符；安全性较差，因为发送的数据是URL的一部分

POST:发送数据无限制；POST比GET更加安全，因为参数不会被保存在浏览器历史或web服务器日志中

块级元素

在浏览器中占据整行，并排斥其它元素与其位于同一行，也就是说，块级元素默认宽度100%

常见元素

块级元素	说明
div	最典型的块级元素
p	表示段落
h1-h6	表示1-6级标题（默认加粗）
ul	无序列表
ol	有序列表
br	表示换行

行内元素

行内元素又称内联元素，在浏览器中可以与其它行内元素共占一行，只有当多个元素的总宽度大于浏览器的宽度就会换行显示

常见元素

行内元素	说明
a	超链接
span	常用行级
strong	加粗，强调
b	加粗，不强调
em	斜体，强调
i	斜体，不强调
img	图片
input	输入框
select	下拉列表

iframe嵌套框架

<iframe>标签是html元素，用于在网页中内嵌另一个网页。

基本元素

src	指定内联网页的地址
frameborder	iframe默认有个边界，可以设置frameborder为0清除边界
width，heigh	控制iframe的宽高
name	框架的名称
scrolling	是否可滚动，yes ,no , auto

需要大量重复性使用的页面可以使用iframe嵌套