如何在HTML中创建表单

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

登录表单

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

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


   
    
   
Create a Login form 


 
The following tags are used in this Html code for creating the Login form:

第2步：现在，我们必须将光标放在要在开始和结束之间创建表格的位置HTML文档中的标签。然后，我们必须输入名称为

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

User Id:

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

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

Password:

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

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


   
    
   
Create a Login form 


 
The following tags are used in this Html code for creating the Login form:

User Id:  

 
 

Password:

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

报名表格

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

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


   
    
   
Create a Registration form 


 
The following tags are used in this Html code for creating the Registration form:

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

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

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

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

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

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

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


Hobbies:
  

  
 Programming 
  
 Cricket 
  
 Football  
 
 Reading Novel

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


Course :

第8步：文本区域：如果我们想在框中输入一行或多行文本，则必须使用标签在<form>标签中。</ html></p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-python" data-lang="Java"><code><span <="" span="" style="font-size: 10pt"><textarea cols="80" rows="5" value="address">

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

第10步：提交按钮：此按钮在表单结尾处紧靠关闭之前使用标签。它用于在数据库中提交表单。

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

第12步：并且，在所有标签之后，我们必须关闭标签，然后我们必须保存HTML文件，然后在浏览器中运行该文件。