HTML5标签

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

变量文本

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小蚂蚁_CrkRes

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值