HTML中怎么创建表单,如何在HTML中创建表单

如何在HTML中创建表单

我们必须在HTML文档中多次创建登录和注册表单，以在网页上显示表单。因此，此页面将描述如何使用各种标签在HTML文档中创建这两个表单。

登录表单

如果要在Html文档中创建一个登录表单以在网页上显示该表单，则必须遵循以下步骤或使用以下标记。使用这些标记或步骤，我们可以轻松创建表单。

步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或者在要创建登录表单的文本编辑器中打开现有的Html文件。

第2步：现在，我们必须将光标放在要在开始和结束之间创建表格的位置

HTML文档中的标签。然后，我们必须输入名称为。这是用于创建HTML表单的第一个标签。

步骤3：现在，我们必须使用标签，该标签定义元素的名称。因此，我们必须键入第二个标签以显示用户ID。输入名称后，我们必须关闭标签。

步骤4：现在，我们必须使用标签，允许用户将字符插入框中。因此，我们必须键入此标签及其属性以插入User-id。不需要关闭输入标签，因为它是取消配对标签。

步骤5：同样，我们必须键入标签以将标签显示为密码。然后，我们必须使用标签显示在以下块中：

步骤6：然后，我们必须在type属性中提供Submit值以提交表单。

步骤6：最后，我们必须保存Html文件，然后运行该文件，然后在浏览器的网页上看到登录表单。

下面的屏幕快照显示了以上HTML代码的输出：

报名表格

如果要在Html文档中创建注册表单，则必须遵循以下步骤或使用以下标记。使用这些标记或步骤，我们可以轻松创建表单。

步骤1：首先，我们必须在任何文本编辑器中键入HTML代码，或者在要创建注册表单的文本编辑器中打开现有的HTML文件。

第2步：现在，我们必须将光标放在要在开始和结束之间创建表格的位置

HTML文档中的标签。

然后，我们必须输入名称为

。这是用于创建HTML表单的第一个标签。

步骤3：标签：现在，我们必须定义标签，该标签用于表示为其创建元素的名称。

第4步：文本和密码字段：我们还可以使用具有不同type属性值的输入标签轻松创建文本和密码字段。

步骤5：单选按钮：我们还可以创建单选按钮，以从给定列表中选择一个选项。要创建单选按钮，我们必须在输入标签的type属性中提供“ radio”值。

步骤6：复选框：我们还可以创建复选框，以从给定列表中选择一个或多个选项。要在表单中创建复选框，我们必须在type属性中提供“ checkbox”值。

步骤7：下拉菜单：如果我们要创建用于选择选项的下拉菜单。因此，要创建它，我们必须在select元素内键入option元素。

第8步：文本区域：如果我们想在框中输入一行或多行文本，则必须使用标签在标签中。 html>

第9步：“文件选择”框：如果我们要在本地文件中附加表单数据，则必须在文件的“类型”属性中提供文件值标签。

第10步：提交按钮：此按钮在表单结尾处紧靠关闭之前使用

标签。它用于在数据库中提交表单。

步骤11：重置按钮：此按钮用于将所有表单控件重置为其默认值。要创建重置按钮，我们必须在的type属性中提供重置值标签。

第12步：并且，在所有标签之后，我们必须关闭

标签，然后我们必须保存HTML文件，然后在浏览器中运行该文件。

下面的屏幕快照显示了以上HTML代码的输出：

0

相关文章:HTML5-属性 HTML5-属性 如上一章 […]...

HTML5-音频播放器 HTML5-音频播放器 带 […]...

HTML5-Modernizr HTML5-Modernizr Modernizr是一个ऴ […]...

HTML SVG HTML SVG HTML SVG是可缩放矢量图形的缩写。 HTML SVG是一种模块化语言，用于描述XML中 […]...

HTML 背景图像 HTML背景图片 HTML文档中的属性用于指定HTML页面或表格上的背景图 […]...

HTML center标签 HTML

标签(HTML5不支持) HTML 是一个块级元 […]...

HTML段落标签 HTML段落 HTML段落或HTML p标签用于定义网页中的段落。让我们举一个简单的例子来看看它是如何工作的。 […]...

HTML tt标签 HTML标记(HTML5不支持) HTML标签用 […]...