元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
<span> 元素是内联元素,可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
表单及表单元素表单
HTML 表单用于搜集不同类型的用户输入。
<form> 元素定义 HTML 表单。
语法如下:
<form>
.
form elements
.
</form>
表单属性Action 属性
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常,表单会被提交到 web 服务器上的网页。
<form action=“action_page.php”>
在上面的例子中,指定了某个服务器脚本来处理被提交表单。如果省略 action 属性,则 action 会被设置为当前页面。
method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
<form action=“action_page.php” method=“GET”>
或:
<form action=“action_page.php” method=“POST”>
何时使用 GET?
您能够使用 GET(默认方法):
如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。
当您使用 GET 时,表单数据在页面地址栏中是可见的:
action_page.php?firstname=Mickey&lastname=Mouse
注释:GET 最适合少量数据的提交。浏览器会设定容量限制。
何时使用 POST?
如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。
name属性
如果要正确地被提交,每个输入字段必须设置一个 name 属性。
<form> 标签的所有属性如下:
属性
描述
accept-charset
规定在被提交表单中使用的字符集(默认:页面字符集)
action
规定向何处提交表单的地址(url)(提交页面)
autocomplete
规定浏览器应该自动完成表单(默认:开启)
enctype
规定被提交数据的编码(默认:url-encoded)
method
规定在提交表单时所用的http方法(默认:GET)
name
规定识别表单的名称(对于DOM使用:document.forms.name)
novalidate
规定浏览器不验证表单
target
规定action属性中地址的目标(默认:_self)
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
input 元素
<input> 元素
<input> 元素是最重要的表单元素。
<input> 元素有很多形态,根据不同的 type 属性区分出不同的表单元素。
类型
描述
text
定义常规的文本输入
password
密码框
radio
单选按钮
checkbox
多选框
submit
提交按钮
button
普通按钮
实现单选框必须满足的条件
<p>性别: <input type="radio" value="boy"/>男 <input type="radio" value="girl"/>女 </p>