新泰营销型网站建设,沧州礼品行业网站设计,广州网站设计软件,架设网站 自己购买服务器HTML 表单和输入 HTML 表单用于收集不同类型的用户输入。 在线实例
创建文本字段 (Text field) 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
创建密码字段 本例演示如何创建 HTML 的密码域。
#xff08;在本页底端可以找到更多实例。#xff09; …
HTML 表单和输入 HTML 表单用于收集不同类型的用户输入。 在线实例
创建文本字段 (Text field) 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
创建密码字段 本例演示如何创建 HTML 的密码域。
在本页底端可以找到更多实例。 HTML 表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容比如文本域 (textarea)、下拉列表、单选框 (radio-buttons)、复选框 (checkboxes)等等。
表单使用表单标签 form 来设置:
form
.
input elements
.
/form HTML 表单 - 输入元素
多数情况下被用到的表单标签是输入标签input。input 元素是最重要的表单元素。
输入类型是由类型属性type定义的。大多数经常被用到的输入类型如下 文本域Text Fields
文本域通过 input typetext 标签来设定当用户要在表单中键入字母、数字等内容时就会用到文本域。您可以在编程测试中创建文本输入框
实例
form
姓名: input typetext namefirstnamebr
电话号码: input typetext namelastname
/form
尝试一下 »
浏览器显示如下
姓名: 电话号码: 注意:表单本身并不可见。同时在大多数浏览器中文本域的缺省宽度是 20 个字符。 密码字段
密码字段通过标签 input typepassword 来定义:
实例
form
密码: input typepassword namepwd
/form
尝试一下 »
浏览器显示效果如下:
密码: 注意:密码字段字符不会明文显示而是以星号或圆点替代。 单选按钮Radio Buttons
input typeradio 标签定义了表单单选框选项。在编程测试中练习使用单选按钮
实例
form
input typeradio namesex valuemale男br
input typeradio namesex valuefemale女
/form
尝试一下 »
浏览器显示效果如下: 男 女 复选框Checkboxes
input typecheckbox 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。在实战测试中学习使用复选框
实例
form
input typecheckbox namevehicle valueBike我有自行车br
input typecheckbox namevehicle valueCar我有小车
/form
尝试一下 »
浏览器显示效果如下: 我有自行车 我有小车 提交按钮 (Submit Button)
input typesubmit 定义了提交按钮.
当用户单击确认按钮时表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
实例
form nameinput actionhtml_form_action.php methodget
Username: input typetext nameuser
input typesubmit valueSubmit
/form
尝试一下 »
尝试一下 »
浏览器显示截图效果如下: 假如您在文本框内键入几个字母然后点击确认按钮那么输入数据会传送到 html_form_action.php 的页面。该页面将显示出输入的结果。 更多实例
单选按钮 (Radio buttons) 本例演示如何在 HTML 中创建单选按钮。
复选框 (Checkboxes) 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
简单的下拉列表 本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
预选下拉列表 本例演示如何创建一个简单的带有预选值的下拉列表。
文本域 (Textarea) 本例演示如何创建文本域多行文本输入控件。用户可在文本域中写入文本。可写入字符的字数不受限制。
创建按钮 本例演示如何创建按钮。你可以对按钮上的文字进行自定义。 表单实例
带边框的表单 本例演示如何在数据周围绘制一个带标题的框。
带有输入框和确认按钮的表单 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
带有复选框的表单 此表单包含两个复选框和一个确认按钮。
带有单选按钮的表单 此表单包含两个单选框和一个确认按钮。
从表单发送电子邮件 此例演示如何从表单发送电子邮件。 HTML 表单标签
New : HTML5 新标签
标签描述form定义供用户输入的表单input定义输入域textarea定义文本域 (一个多行的输入控件)label定义了 input 元素的标签一般为输入标题fieldset定义了一组相关的表单元素并使用外框包含起来legend定义了 fieldset 元素的标题select定义了下拉选项列表optgroup定义选项组option定义下拉列表中的选项button定义一个点击按钮 datalist New指定一个预先定义的输入控件选项列表 keygen New定义了表单的密钥对生成器字段 output New定义一个计算结果
