📜  etiquetas formularios html (1)

📅  最后修改于: 2023-12-03 15:00:37.827000             🧑  作者: Mango

HTML表单标签

HTML表单标签用于在网页中创建交互式表单,允许用户输入数据和选择选项。表单被用于收集用户信息,例如登录或注册。

以下是常用的HTML表单标签:

form标签

<form> 标签用于创建表单。它包含用户输入的元素,并将用户输入发送到服务器。

语法:

<form action="url" method="GET/POST">
    <!-- 表单元素 -->
</form> 

其中,action 属性定义了表单发送数据的地址,method 属性定义了表单发送数据的方式。

  • GET方法会将表单数据作为URL的一部分发送给服务器,数据会出现在URL的query string中。
  • POST方法会在HTTP请求正文中发送表单数据。
input标签

<input> 标签用来接受用户的输入。type 属性用于定义输入类型。

语法:

<input type="type">
input的type属性
  • text:文本输入框
  • password:密码输入框
  • email:邮箱输入框
  • number:数字输入框
  • checkbox:复选框
  • radio:单选框
  • submit:提交按钮
  • reset:重置按钮
label标签

<label> 标签用于为 <input> 元素定义标注文本。单击标签时,浏览器会自动将焦点转到相应的表单元素。

语法:

<label for="id">文本</label>

其中,for 属性用于定义与label关联的表单元素的id。

select标签

<select> 标签用于创建下拉列表。

语法:

<select>
    <option value="value">文本</option>
    <option value="value">文本</option>
    <option value="value">文本</option>
    ...
</select> 

其中,value 属性用于定义选项的值,文本 是显示在用户界面上的文本。

textarea标签

<textarea> 标签用于创建多行的文本输入框。

语法:

<textarea rows="行数" cols="列数">
输入的文本
</textarea> 

其中,rows 属性用于定义多行文本框的行数,cols 属性用于定义多行文本框的列数。

button标签

<button> 标签用于创建按钮。

语法:

<button type="button">Click Me!</button>

其中,type 属性用于定义按钮的类型,可以是 submitresetbutton

以上是HTML表单标签的简单介绍,更详细的内容请参考其他资料。