HTML

标签

HTML

标签作用

HTML

标签是

文档的一部分，其中包含诸如文本字段，密码字段之类的控件，复选框，单选按钮，提交按钮，菜单等。

HTML

可帮助用户输入要发送到服务器进行处理的数据，例如姓名，电子邮件地址，密码，电话号码，等。

为什么要使用HTML

标签

如果要从站点访问者那里收集一些数据，则需要HTML

。

例如:用户想在互联网上购买某些物品，他/她必须填写表格，例如送货地址和信用卡/借记卡详细信息，以便可以将物品发送到给定的地址。

HTML

语法

// input 中可以是文本框、富文本框,单选框、各种按钮

HTML

标签说明

标签

说明

它定义了HTML

以在使用侧输入输入。

它定义了一个输入控件。

它定义了多行输入控件。

它为输入元素定义标签。

它以表格的形式将相关元素分组。

它为

元素定义标题。

它定义了一个下拉列表。

它在下拉列表中定义了一组相关选项。

它在下拉列表中定义一个选项。

它定义了一个可点击的按钮。

HTML 5中

标签说明

我们来看看HTML 5

标签的列表。

标签

说明

它指定了用于输入控制的预定义选项的列表。

它为

定义了密钥对生成器字段。

它定义了计算结果。

HTML

元素

HTML

元素提供了一个文档部分，用于接收用户的输入。它提供了用于向Web服务器提交信息的各种交互式控件，例如文本字段，文本区域，密码字段等。

注意:

元素本身并不创建，但它是包含所有必需的元素(例如、等)的容器。

语法:

// 表单元素

HTML 元素

HTML 元素是基本

元素。它用于创建字段，以接受用户输入。我们可以应用不同的输入字段来收集不同形式的用户信息。以下是显示简单文本输入的示例。

示例:

Enter your name

输出:

HTML TextField控件

输入标记的type ="text"属性可创建文本字段控件，也称为单行文本字段控件。 name属性是可选的，但对于服务器端组件(例如JSP，ASP，PHP等)是必需的。

First Name:

Last Name:

输出:

注意:如果您省略'name'属性，则文本字段输入将不会提交给服务器。

HTML 标记形式

HTML中的标记用于在中插入多行文本。可以使用"行"或" cols"属性或通过CSS指定的大小。

示例:

Form in HTML

Enter your address:

输出:

中的标签标签

最好在

中添加标签。因为它使代码解析器/浏览器/用户友好。

如果您单击标签，它将集中在文本控件上。为此，您需要在标签标签中具有for属性，该属性必须与输入标签的id属性相同。

注意:注意:最好将标记与一起使用，尽管它是可选的，但是如果您将使用它，则在您点击或单击时它将提供焦点。在标签标签上。触摸屏更值得。

First Name:

Last Name:

输出:

HTML密码字段控件

在密码字段控件中，用户看不到密码。

Password:

输出:

HTML 5电子邮件字段控件

HTML 5中新增的电子邮件字段。它会验证文本是否包含正确的电子邮件地址。您必须使用@和。在这个领域。

Email:

它将在如下浏览器中显示:

注意:如果我们输入的电子邮件不正确，则会显示如下错误:

单选按钮控件

单选按钮用于从多个选项中选择一个选项。它用于选择性别，测验问题等。

如果对所有单选按钮都使用一个名称，则一次只能选择一个单选按钮。

使用单选按钮显示多个选项，一次只能选择一个选项。

Gender:

Male

Female

复选框控件

该复选框控件用于检查给定复选框中的多个选项。

Hobby:

Cricket

Football

Hockey

注意:这些与单选按钮相似，不同之处在于它可以一次选择多个选项，单选按钮可以一次选择一个按钮并显示。

输出:

提交按钮控件

HTML

用于在网页上添加提交按钮。当用户单击"提交"按钮时，表格将提交到服务器。

语法:

type="submit" ，指定它是一个提交按钮

value属性可以是我们在网页按钮上编写的任何内容。

此处可以省略name属性。

示例:

Enter name

Enter Password

输出:

HTML

元素:

HTML中的

元素用于对的相关信息进行分组。此元素与

元素一起使用，该元素为分组的元素提供标题。

示例:

User Information:

Enter name

Enter Password

输出:

HTML

示例1

以下是简单注册形式的示例。

Form in HTML

Registration form

User personal information

Enter your full name

Enter your email

Enter your password

confirm your password

Enter your gender

Male

Female

others

Enter your Address:

输出:

HTML

示例2

让我们看一个创建HTML

的简单示例。

Enter name:
Enter password:
Enter Email:	>
Enter Gender:	male female
Select Country:	india pakistan africa china other

Enter name:

Enter password:

Enter Email:

Enter Gender:

male female

Select Country:

india pakistan africa china other

支持浏览器

标签

支持

支持

支持

支持

支持