<form> 和 </form>标签组成了一个Web表单,支持多种属性。
- method='...'
该属性只接受两个属性值:‘post'或者'get'。
如果选择'post',所有表单数据都将会无声无息地发送到Web服务器;
如果选择'get',数据被添加在符号"?"之后并追加在一个HTML请求上,符号“?”之后的文本串被称为查询字符串。这会导致URL看起来很凌乱,但相对于其他方法,该方法确实能够将表单发送至某个本地JavaScript程序而不是Web服务器。
- action='...'
该属性应当包括表单被提交的目标URL。如果表单使用'get'请求发送,那么“?”后面紧跟着表单数据就会附加到该值上。
<input />标签
与<table>标签一样,<form>标签内部也可以包含其他标签。能接受许多参数,其中第一个是type='...',该值 可以包含下列值 :
- 'text'该值创建一个输入栏,方便 用户输入文本。可以通过size='...'属性改变输入栏的宽度,可以通过设置maxlength='...'属性限制输入的最大字符数。
- 'password'该值 创建一个用来 输入密码的输入栏,在该输入栏中输入的所有字符都将以“*”代替显示,但可以在内部合理存储。可以通过size='...'属性改变 输入栏的宽度,可以通过设置maxlength='...'属性限制输入的最大字符数。
- 'radio'每个表单都可能包含一定数据的单选按钮,为<input>标签的type='...'属性赋值'radio'就能够创建单选按钮,但每次只有一个处于激活状态。另外一个单选按钮被单击时,原先选择的单选按钮就会被放弃选择。
- 'checkout' 使用该属性值创建复选框
- 'hidden' 有时要在Web表单中传送一些不希望用户看到的数据,比如认证码或其他数据。
- 'submit' 该属性值创建一个按钮,用来提交表单。
value=’...‘属性
可以使用该属性为某个字段预设默认数据,该属性与type='hidden'属性共同使用传递隐藏数据效果更加明显。
<textarea>标签
该标签创建一个多选的输入框,用户可以更加自由地输入数据,特别适合提交用户bios或其他不适合单行输入的信息。
<select>标签
该标签创建一个下垃列表框,用户可以在众多选择条目中选择某个选项。必须为该标签指定一个名字,因为只有这样传送数据才能被识别,所有的选项都必须旋转在<option>标签中。
<pre>标签:
使用等宽字体,不显示空格)只是简单地排列其中的所有元素,而不需要额外的样式。
<div>和<span>标签
<div>和<span>标签主要用来将元素合并成组,类似于将这些元素放置于某个表单元中,其目的是使其中所包含的元素能够同时使用样式操作。
<div>标签在其中创建了被称为块的元素,默认情况下,它的宽度延伸至浏览器的右边界,迫使其后的所有元素都放置在下一行。
<span>标签创建了一个满是文本的内部元素,因此特别适合于为该部分的文本应用样式。
标签:
标签 | 说明 | 弃用/替代 |
<!--...--> | 注释 | |
<!DOCTYPE> | 文档类型 | |
<a>...</a> | 链接锚点 | |
<abbr>...</abbr> | 缩写
| |
<acronym>...</acronym> | 首字母缩略词 | |
<address>...</address> | 作者联系信息 | |
<applet>...<applet> | 嵌入applet | 不推荐使用,使用<object>代替 |
<area/> | 图像地图区域 | |
<b>...</b> | 加粗文本 | |
<base/> | 默认链接地址或者目标 | |
<basefont/> | 默认字体、颜色或大小 | 不推荐使用,使用CSS代替 |
<bdo>...</bdo> | 文本方向 | |
<big>...</big> | 大文本 | |
<blockquote>...</blockquote> | 长引用 | |
<body>...</body> | 文档主体 | |
<br/> | 执行 | |
<button>...</button> | 可单击按钮 | |
<caption>...</caption> | 表格标题 | |
<center>...</center> | 文本居中 | 不推荐使用,使用CSS代替 |
<cite>...</cite> | 引用 | |
<code>...</code> | 计算机代码文本 | |
<col/> | 表格列属性 | |
<colgroup>...</colgroup> | 表格列组 | |
<dd>...</dd> | 定义列表说明 | |
<del>...</del> | 删除文本 | |
<dfn>...</dfn> | 定义术语 | |
<dir>...</dir> | 目录列表 | 不推荐使用,使用<ul>代替 |
<div>...</div> | 方档中的块部分 | |
<dl>...</dl> | 定义列表 | |
<dt>...</dt> | 定义列表术语 | |
<em>...</em> | 强调文本 | |
<fieldset>...</fieldset> | 表单元素周的边框 | |
<font>...</font> | 字体名称、颜色和大小 | 不推荐使用,使用CSS代替 |
<form>...</form> | 表单 | |
<frame/> | Frameset帧 | |
<frameset>...</frameset> | 帧集 | |
<h1>...</h1> | 标题 | |
<head>...</head> | 文档标题 | |
<hr/> | 水平规则 | |
<html>...</html> | HTML文档 | |
<i>...</i> | 斜体文本 | |
<iframe>...</iframe> | 内联帧 | |
<img/> | 图片 | |
<input/> | 输入字段 | |
<ins>...</ins> | 插入的文本 | |
<isindex>...</isindex> | 可搜索索引 | 不推荐使用,使用<input>代替 |
<kbd>...</kbd> | 键盘文本 | |
<label>...<label> | 输入元素的标注 | |
<legend>...</legend> | Fieldset元素标题 | |
<li>...</li> | 列表条目 | |
<link/> | 支持文件的链接 | |
<map>...</map> | 图像地图 | |
<menu>...</menu> | 菜单列表 | 不推荐使用,使用<ul>代替 |
<meta/> | 文档元数据 | |
<noframes>...</noframes> | Frame的替代内容 | |
<noscript>...</noscript> | Script的替代内容 | |
<object>...</object> | 嵌入式对象 | |
<ol>...</ol> | 按顺序排列的列表 | |
<optgroup>...</optgroup> | 列表选项组 | |
<option>...</option> | 选择列表中的选项 | |
<p>...</p> | 定义段落 | |
<param/> | 对象参数 | |
<pre>...</pre> | 预先格式化文本 | |
<q>...</q> | 定义一个简短的引用 | |
<s>...</s> | 添加删除线的文本 | 推荐使用,使用<del>或者CSS代替 |
<samp>...</samp> | 计算机代码 | |
<script>...</script> | 脚本 | |
<select>...</select> | 选择下拉列表 | |
<small>...</small> | 定义小文本 | |
<span>...</span> | 文档中的内联部分 | |
<strike>...</strike> | 添加删除线的文本 | 推荐使用,使用<del>或者CSS代替 |
<strong>...</strong> | 重要文本 | |
<style>...</style> | 样式信息 | |
<sub>...</sub> | 脚注文本 | |
<sup>...</sup> | 上标文本 | |
<table>...</table> | 表格 | |
<tbody>...</tbody> | 表格主体内容组 | |
<td>...</td> | 表格单元 | |
<textarea>...<textarea> | 多行文本输入 | |
<tfoot>...<tfoot> | 表格页脚单元组 | |
<th>...</th> | 表格标题 | |
<thread>...</thread> | 表格标题单元组 | |
<title>...</title> | 文档标题 | |
<tr>...</tr> | 表格行 | |
<tt>...</tt> | 电传打字机文本 | |
<u>...</u> | 下划线文本 | 不推荐使用,使用CSS代替 |
<ul>...</ul> | 不按顺序排列的列表 | |
<var>...</var> | 变量文本 |