什么是HTML中的表单控件?

时间:2015-07-31 06:45:49

标签: html html5 forms html-form

在研究如何用HTML编写表单时,我看到提到术语"表单控件"
特别是使用Twitter Bootstrap,其中包含form-controlcontrol-label等类 究竟什么是"表单控件"?

3 个答案:

答案 0 :(得分:1)

  

表单是具有表单控件(例如文本字段,按钮,复选框,范围控件或颜色选择器)的网页的组成部分。用户可以与这种形式进行交互,从而提供可以随后发送到服务器的数据以进行进一步处理(例如,返回搜索或计算的结果)。尽管可以使用API​​,但在许多情况下不需要客户端脚本,因此脚本可以增强用户体验或出于向服务器提交数据以外的目的使用表单。

表单控件是用户界面控件,它充当用户和服务器之间的连接点。交互因控件类型而异:按钮:button文件处理:input type="file"菜单:select,等等。grouped into categories
控件本质上是键-值对的API,用于往返于服务器。

W3C's Form Section在遍历表单,表单元素,表单控件,表单所有者以及对Internet强大功能的深入了解方面提供了令人难以置信的信息:不起眼的HTML form

参考文献:
Forms
HTMLFormElement
Association of Controls and Forms
XForms Glossary
Form Controls Infrastructure

答案 1 :(得分:0)

这只是Bootstrap的造型:来自bootstrap's page

单个表单控件自动接收一些全局样式。默认情况下,所有带<input>的文字<textarea><select>.form-control元素都设置为width: 100%;。在.form-group中包裹标签和控件以获得最佳间距。

一般来说,根据@the_velour_fog的评论,它是:

它似乎不仅仅是一个造型事物:似乎表单控件只是引用HTML表单中的各个HTML元素,例如:来自https://html.spec.whatwg.org/multipage/forms.html;表单是具有表单控件的Web页面的组件,例如文本字段,按钮,复选框,范围控件或颜色选择器。

答案 2 :(得分:0)

该术语与样式几乎没有关系,尽管样式形式是一种特殊的艺术。

“表单元素”是(通常是交互式的)控件,其值通过单击“提交”按钮发起的http请求自动提交,即使没有javaScript也是如此。最常见的是@propertybuttoninput和类似的元素类型。 MDN has this entry带有指向每种类型文档的超链接。

textarea属性有意义或期望的任何内容都可以是表单元素。 value属性也很重要,因为该属性(例如,在服务器端)用作表单数据中值的“键”。

namelabelfieldset等支持元素通常被视为表单元素,因为它们的存在是为了从用户的角度命名和分组其他表单元素,尽管它们对提交的表单数据没有任何贡献。

表单中的某些元素可能没有“值”属性(例如标题,超链接或图像),但严格来说,它们不是“表单元素”。但是,它们可能会通过客户端javaScript贡献给表单数据。

您可以在非表单中使用表单元素,或者在没有显式表单元素的情况下进行参数化的HTTP请求。这很常见。