📌  相关文章
📜  HTML 表单

📅  最后修改于: 2020-11-01 12:01:22             🧑  作者: Mango

HTML表格

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

HTML表单方便用户输入要发送到服务器进行处理的数据，例如名称，电子邮件地址，密码，电话号码等。

为什么使用HTML表单

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

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

HTML表单语法


  //input controls e.g. textfield, textarea, radiobutton, button

HTML表单标签

让我们看一下HTML 5表单标签的列表。

Tag Description
It defines an HTML form to enter inputs by the used side.
It defines an input control.

输出：

表单中的标签标签

最好在表格中加上标签。因为它使代码解析器/浏览器/用户友好。

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

注意：最好将

输出：

HTML密码字段控件

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

输出：

HTML 5电子邮件字段控件

HTML 5中new的email字段。它验证文本是否正确。您必须使用@和。在这个领域里。

它将显示在浏览器中，如下所示：


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

单选按钮控制

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

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

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


    
              Male
              Female

复选框控制

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


Hobby:

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

输出：

提交按钮控件

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

句法：

类型= Submit，指定它是一个提交按钮

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

在这里可以省略name属性。

例：

输出：

的HTML
元件：

的

HTML中的元素用于对表单的相关信息进行分组。该元素用于为分组元素提供标题的元素。

例：

  

      

        User Information:

输出：

HTML表单示例

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


 
 
  Form in HTML

 
     
Registration form

    

       

          User personal information
        

        

         

         

         

         

         

         

         


         Male  

         Female 
  
         others 
 
          
Enter your Address:

输出：

HTML表单示例

让我们看一个创建HTML表单的简单示例。

支持的浏览器

Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
Yes Yes Yes Yes Yes