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嵌套