HTML 表单和输入
来源:百度文库 编辑:神马文学网 时间:2024/03/29 20:54:03
HTML 表单和输入
- Previous Page
- Next Page
HTML 表单用于搜集不同类型的用户输入。
实例
- 文本域 (Text field)
- 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
- 密码域
- 本例演示如何创建 HTML 的密码域。
(可以在本页底端找到更多实例。)
表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(
输入
多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:
文本域(Text Fields)
当用户要在表单中键入字母、数字等内容时,就会用到文本域。
浏览器显示如下:
注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
单选按钮(Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框。
浏览器显示如下:
注意,只能从中选取其一。
复选框(Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
浏览器显示如下:
表单的动作属性(Action)和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
浏览器显示如下:
假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.asp" 的页面。该页面将显示出输入的结果。
更多实例
- 复选框
- 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
- 单选按钮
- 本例演示如何在 HTML 中创建单选按钮。
- 简单的下拉列表
- 本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
- 另一个下拉列表
- 本例演示如何创建一个简单的带有预选值的下拉列表。(编者注:预选值指预先指定的首选项。)
- 文本域(Textarea)
- 本例演示如何创建文本域(多行文本输入控件)。用户可在文本域中写入文本。可写入字符的字数不受限制。
- 创建按钮
- 本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
- Fieldset around data
- 本例演示如何在数据周围绘制一个带标题的框。
表单实例
- 带有输入框和确认按钮的表单
- 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
- 带有复选框的表单
- 此表单包含两个复选框和一个确认按钮。
- 带有单选按钮的表单
- 此表单包含两个单选框和一个确认按钮。
- 从表单发送电子邮件
- 此例演示如何从表单发送电子邮件。
表单标签
HTML 表单和输入
ASP和HTML表单 (ASP and HTML Forms)
HTML表单(Forms)
动态生成HTML表单
动态生成HTML表单
关于表单可用性的一些资料和想法一:标签和输入框的位置
输入表单的三种布局
输入表单三种常用布局
动态生成HTML表单 - Alpha - BlogJava
HTML表单(Forms)-HTML教程 网页教程与代码
html中的表单,actioon ,method,fieldset-凡夫-家园博客
HTML 标签和属性
HTML图片按钮提交表单的实例 - IT培训评价网
用PHP 的超级变量$_GET 获取 HTML表单(Form) 数据
关于onblur和onfocus对表单的一点美化!
表单提交中get和post方式的区别
Excel的视图和宏分类显示表单数据
html
html
在这个ERP系统中 要把表单头 和表单身 在数据库中 分开 保存
Excel-----数据输入和编辑技巧
HTML背景颜色(bgcolor)和图片(background)
详解HTML 标签和属性1
实用HTML,CSS和JavaScript速查表