HTML 表单

HTML 表单是用来收集用户输入数据的一种方式,它提供了各种不同类型的表单元素,如文本框、复选框、单选按钮、下拉框等。在 web 开发中,表单是非常常见也非常重要的一部分,因为它可以让用户与网站进行交互,提交数据等。

创建表单

要创建一个表单,需要使用 <form> 标签来包裹表单元素。下面是一个简单的表单示例:

------
  ------ ---------------------------
  ------ ----------- ------------- ------------------------

  ------ --------------------------
  ------ --------------- ------------- ------------------------

  ------ ------------- -----------
-------

在上面的示例中,我们创建了一个包含用户名和密码输入框以及提交按钮的表单。<label> 标签用来描述每个表单元素的用途,<input> 标签用来创建不同类型的输入框,type 属性指定了输入框的类型,如 textpasswordsubmit 等。

表单元素

除了文本框和密码框外,HTML 还提供了一些其他类型的表单元素,比如:

  • 复选框:<input type="checkbox">
  • 单选按钮:<input type="radio">
  • 下拉框:<select><option>
  • 文本域:<textarea>

下面是一个包含上述表单元素的示例:

------
  ------ ---------------------------------
  ------ --------------- ---------- ------------ --------------
  ------ --------------------------
  ------ --------------- ----------- ------------ ---------------
  ------ ---------------------------
  
  ----
  
  ------ --------------------------------
  ------ ------------ --------- ------------- -------------
  ------ ------------------------
  ------ ------------ ----------- ------------- ---------------
  ------ --------------------------
  
  ----
  
  ------ --------------------------------
  ------- --------- ------------
    ------- ---------------------------
    ------- ----------------------------
    ------- -----------------------------
  -------------
  
  ----
  
  ------ -----------------------------
  --------- ------------ -------------- -------- -------------------------
  
  ----
  
  ------ ------------- -----------
-------

在上面的示例中,我们使用了复选框、单选按钮、下拉框和文本域等不同类型的表单元素,用户可以根据自己的需求选择或输入相应的数据。

表单属性

除了表单元素本身的属性外,<form> 标签还可以接受一些属性,比如:

  • action:指定表单提交的 URL
  • method:指定提交表单的 HTTP 方法,通常为 GETPOST
  • enctype:指定表单数据的编码类型

下面是一个带有属性的表单示例:

----- ---------------- ------------- ------------------------------
  ------ ------------------------
  ------ ----------- --------- --------------------
  
  ------ ------------- -----------
-------

在上面的示例中,我们指定了表单提交的 URL 为 /submit,提交方法为 POST,并且指定了表单数据的编码类型为 multipart/form-data,这样可以实现文件上传功能。

以上就是关于 HTML 表单的基本介绍,希望能帮助你更好地理解和使用表单元素。


上一篇:HTML 布局
下一篇:HTML 框架