HTML 表单元素

在Web开发技术（尤其是前端）中，“HTML”是我们用来显示网页（我们在网站上看到的页面）的基本或主要标记语言。有时，在 HTML 页面中，与其他内容显示一起，我们还需要接受一些用户输入（尤其是在动态网站中）。为了在 HTML 页面中获取用户输入，我们需要使用多个表单元素来正确创建这些表单，并且在这些表单的帮助下，我们正确获取用户输入并将这些输入（数据）放入我们的内部数据库中：后端。现在，我们知道 HTML 代码是在各种标签元素 () 下编写的，因此，基本上，“HTML 表单元素”是在“

”内部使用的那些元素。标签，这些元素以及其他标准和独特的属性也给出了表单和结构，这让用户知道如何处理表单以及如何以结构方式进行。

解释 HTML 表单元素（包括语法和输出示例）

由于有多个 HTML 表单元素来创建表单并以结构化方式赋予表单适当的外观，因此下面对其中一些元素进行一一解释。

SL No.	Tags	Meanings / Descriptions
1		To define a HTML form for user inputs
2		To define input control
3		To specify a list of pre-defined options
4		To define group related elements
5		To define a secure input
6		To define a label of input
7		To define a caption for fieldset
8		To define a group of similar options.
9		To define an option for the drop-down.
10		To define a  result
11		To define a list of the drop-down.
12		To define a multiline input area.

SL 号 标签 含义/描述   1 定义用户输入的 HTML 表单   2 定义输入控件   3 指定预定义选项列表   4 定义组相关元素   5 定义安全输入   6 定义输入标签   7 定义字段集的标题   8   定义一组相似的选项。     9     定义下拉选项。   10     定义结果   11     定义下拉列表。   12     定义多行输入区域。 表>注意：这里讨论的大多数 HTML 标签元素适用于最新的 HTML 语言版本 HTML5。标签元素 HTML5 不再支持；它实际上用于 HTML 的早期版本。

语法和示例

下面讨论带有输出的 HTML 表单元素的一些语法和示例：

1. “”元素

此元素还可以包含许多其他元素，包括以下内容：

“

”示例带有输入和提交按钮的元素：

语法：

Your Name:

代码：

Your name:

输出：

2. “”元素

 该元素是内联元素，属于表单元素组。

语法：

Input name:
Input age:

代码：

Input name:
Input age:

输出：

       

3. “”元素

它通常为 指定一个预定义的输入列表。用户可以从预定义列表中选择任何选项的元素。

语法：

<input list="fruits">
<datalist id="fruits">
<option value="Mango">
</option>
<option value="Apple">
</option>
<option value="Banana">
</option>
<option value="Pomegranate">
</option>
<option value="Pineapple">
</option></datalist>

代码：

输出：

4. “”元素

此元素主要用于对表单中的相关元素进行分组，并在相似元素周围绘制一个框。

语法：

Celebrity:

Name:
Phone:
Age:

代码：

Celebrity:

Name:
Phone:
Age:

输出：

5. “”元素

该元素可能位于表单之外，但它仍然可能是表单的一部分。通常，该元素用于指定一种或多种形式。 HTML5 版本中新使用此元素来生成加密密钥，以便通过基于 HTML 的网站中的表单传递加密数据。

语法：

<keygen form="form_id"></keygen>

代码：

Username:

The below mentioned keygen field is outside of the form, but it's still a part of the above form.

Encryption:

输出：

6. “”元素

这个元素基本上给出了输入表单的名称，以使用户了解它应该是什么输入数据。它充当用户的指标。

语法：

<label for="control id"> ... </label>

代码：

<title>Example of HTML label tag</title>

Boy Girl

以上是HTML 表单元素的详细内容。更多信息请关注PHP中文网其他相关文章！