HTML表单与控件详解-优快云博客

本文详细介绍了HTML文档的基本结构及其常用标签，包括文档头部信息的设置、文本与段落的显示方式、脚本的使用及注释的添加方法。重点讲解了HTML表单的构成元素与控件，如文本输入、密码输入、复选框、单选按钮、文件上传等功能，并通过实例演示如何构建完整的表单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文件信息，构造

<!DOCTYPE>˜˜˜˜˜˜˜说明文献类型-----------------------------------------没用

例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>˜˜˜˜˜˜˜˜˜˜˜表明文档包含 HTML 元素。
<HEAD>˜˜˜˜˜˜˜˜˜˜˜提供了关于文档的无序信息集合。
<META>˜˜˜˜˜˜˜˜˜˜˜向服务器和客户端传达关于文档的隐藏信息。

META分为俩部分：equiv（标题信息）和name（页面描述信息）

equiv可以指定页面中

字符集，文档类型，刷新间隔，多长时间后跳转，脚本类型，cookie等等等等

name可以指定页面的

关键字，简介etc
<TITLE>˜˜˜˜˜˜˜˜˜˜˜文档的标题。
<BODY>˜˜˜˜˜˜˜˜˜˜˜指明文档主体的开始和结束。
<H1>～<H6>˜˜˜˜˜˜˜以标题样式显示文本。
<P>˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜表示一段。

脚本（应该将脚本隐藏在注释标签当中，无法识别 <script> 标签的浏览器将忽略这些注释，所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。）

<SCRIPT>˜˜˜˜˜˜˜˜˜指定由脚本引擎解释的页面中的脚本。
<NOSCRIPT>˜˜˜˜˜˜指定在不支持脚本的浏览器中显示的 HTML。

例子：

表格

<TABLE>˜˜˜˜˜˜˜˜˜˜说明所含内容组织成含有行和列的表格形式。
<TR>˜˜˜˜˜˜˜˜˜˜˜˜˜˜指定表格中的一行。
<TH>˜˜˜˜˜˜˜˜˜˜˜˜˜˜指定标题列。标题列将在单元格中居中并以粗体显示。
<TD>˜˜˜˜˜˜˜˜˜˜˜˜˜˜指定表格中的单元格。
<THEAD>˜˜˜˜˜˜˜˜˜˜指定哪些行作为表头。
<TFOOT>˜˜˜˜˜˜˜˜˜˜指明哪些行作为表尾。
<TBODY>˜˜˜˜˜˜˜˜˜˜指明哪些行作为表格的主体。
<CAPTION>˜˜˜˜˜˜˜表格的标题，对表格的简单描述。
<COL>˜˜˜˜˜˜˜˜˜˜˜˜说明基于列的表格缺省属性。
<COLGROUP>˜˜˜˜˜说明表格中一列或一组列的缺省属性。
<CENTER>˜˜˜˜˜˜˜˜将指定文本和图像居中显示。
<SPACER>˜˜˜˜˜˜˜˜插入空间
<MULTICOL>˜˜˜˜˜˜等分做文本段
<HR>˜˜˜˜˜˜˜˜˜˜˜˜˜˜画一条横线

注释

˜˜˜˜˜˜˜˜˜˜˜注释--------
<COMMENT>˜˜˜˜˜˜表示不可见的注释-----<comment>注释内容</comment>

控件

例子：

<tr>

<td>

</td>

</tr>

</table>

</form>

做成一个table，每一个功能区分成一个tr，tr里面用td分块显示

今天要按照正规的标准把留言板全部重写一遍

<FORM>˜˜˜˜˜˜˜˜˜˜说明所包含的控件是某个表单的组成部分。
<INPUT>˜˜˜˜˜˜˜˜˜˜创建各种表单输入控件。

type="text"输入文本。输入2行以上可用 <TEXTAREA>～</TEXTAREA>。 type="password"

制作口令输入栏。输入了的文本显示为asterisk(*)等。但，因为并不是数据加密，所以能获取被发送了的数据的内容。请注意这点。

type="checkbox"制作复选框，可多选。 type="radio"制作单选框。 type="file"发送到服务器文件的时候，选择发送的文件。为了接收文件需要用到服务器方面的CGI等。 type="hidden"为服务器发送隐藏数据的时候使用。value=要发送到服务器的值。 type="submit"制作发送按钮。 type="reset"制作复位按钮。。 type="button"制作按钮，然后onclik或者onkeydown等等方法。

type="image"制作图像的按钮。使用的图像文件用src属性指定。而alt属性的指定也应派上用场。
<SELECT>˜˜˜˜˜˜˜˜表示一个列表框或者一个下拉框。
<OPTGROUP>˜˜˜˜允许作者对 select 元素中的选项进行逻辑分组。
<OPTION>˜˜˜˜˜˜˜˜表示 <SELECT >元素中的一个选项。
<TEXTAREA>˜˜˜˜˜多行文本输入控件。
<LEGEND>˜˜˜˜˜˜˜˜在 fieldSet 对象绘制的方框内插入一个标题。
<FIELDSET>˜˜˜˜˜˜˜在字段集包含的文本和其它元素外面画一个方框。
<LABEL>˜˜˜˜˜˜˜˜˜˜为页面上的其它元素指定标签。
<ISINDEX>˜˜˜˜˜˜˜˜使浏览器显示一个对话框，提示用户输入单行文本。

HTML常用标签