HTML系列教程2.docVIP

HTML系列教程2 HTML 表单和输入 HTML 表单用于搜集不同类型的用户输入。 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 表单使用表单标签（form）定义。 form ... input 元素 ... /form 输入 多数情况下被用到的表单标签是输入标签（input）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下： 文本域（Text Fields） 当用户要在表单中键入字母、数字等内容时，就会用到文本域。 form First name: input type=text name=firstname / br / Last name: input type=text name=lastname / /form 浏览器显示如下： First name: Last name: 窗体底端 注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。 单选按钮（Radio Buttons） 当用户从若干给定的的选择中选取其一时，就会用到单选框。 form input type=radio name=sex value=male / Male br / input type=radio name=sex value=female / Female /form 浏览器显示如下： Male Female 窗体底端 注意，只能从中选取其一。 复选框（Checkboxes） 当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。 form input type=checkbox name=bike / I have a bike br / input type=checkbox name=car / I have a car /form 浏览器显示如下： I have a bike I have a car 窗体底端 表单的动作属性（Action）和确认按钮 当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。 form name=input action=html_form_action.asp method=get Username: input type=text name=user / input type=submit value=Submit / /form 浏览器显示如下： Username: 窗体底端 假如您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 html_form_action.asp 的页面。该页面将显示出输入的结果。 表单标签 标签 描述 form 定义供用户输入的表单 input 定义输入域 textarea 定义文本域 (一个多行的输入控件) label 定义一个控制的标签 fieldset 定义域 legend 定义域的标题 select 定义一个选择列表 optgroup 定义选项组 option 定义下拉列表中的选项 button 定义一个按钮 isindex 已废弃。有input代替。 通过使用 HTML，可以在文档中显示图像。 图像标签（img）和源属性（Src） 在 HTML 中，图像由 img 标签定义。 img 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 source。源属性的值是图像的 URL 地址。 定义图像的语法是： img src=url / URL 指存储图像的位置。如果名为 boat.gif 的图像位于 的 images 目录中，那么其 URL 为 /images/boat.gif。 浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。 替换文本属性（Alt） alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。 img src=boat.gif alt=Big Boat 在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。 基本的注意事项 - 有用的提示： 假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。 本例显示如何