什么是HTML表单以及如何使用它们？

Z时代
2024-01-10
分类：综合

需要HTML表单来从网站访问者那里收集一些数据。例如，当他/她在大学网站上注册时，收集有关学生的信息，例如姓名，年龄，地址，标记等。

表单从站点访问者那里获取输入并将其发布到后端应用程序，例如CGI，ASP Script或PHP脚本等。后端应用程序根据应用程序内部定义的业务逻辑对传递的数据执行所需的处理。

HTML <form>标记用于在HTML中创建表单。

如上所示，我们使用了一些属性。这是表单属性

HTML表单属性

这是HTML表单的属性，

序号	属性和说明
1	行动后端脚本已准备好处理您传递的数据。
2	方法上载数据的方法。最常用的是GET和POST方法。
3	目标指定将在其中显示脚本结果的目标窗口或框架。它采用_blank，_self，_parent等值。
4	编码您可以使用enctype属性来指定浏览器在将数据发送到服务器之前如何对其进行编码。可能的值为 -application / x-www-form- urlencoded-这是大多数表单在简单方案中使用的标准方法。 mutlipart / form- data-当您要以图像，Word文件等文件形式上传二进制数据时使用。

HTML表单控件

可使用不同类型的表单控件来收集数据，例如文本输入，复选框，单选框，文件选择框，提交按钮等。

让我们看一个简单的示例，以HTML形式使用<input>标记获取用户输入：

示例

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Forms</title>
   </head>
   <body>
      <form>
         Student Name: <input type = "text" name = "sname" /><br>
         Student Subject: <input type = "text" name = "ssubject" />
      </form>
   </body>
</html>

使用上面的代码，获得用户输入的名称和主题。

我们使用了属性type和name。让我们看看<input>标签的所有其他属性，

序号	属性和说明
1	类型指示输入控件的类型，对于文本输入控件，它将设置为文本。
2	名称用于给控件命名，该控件被发送到服务器以进行识别并获取值
3	值这可用于在控件内部提供初始值。
4	尺寸允许以字符为单位指定文本输入控件的宽度
5	maxlength 允许指定用户可以在文本框中输入的最大字符数。