HTML 表单是网页中用于收集用户输入信息的重要元素。本教程将深入探讨 HTML 表单的各个方面,包括表单元素、属性、表单验证等。
表单元素
HTML 表单主要由以下元素组成:
<form>
:定义 HTML 表单。<input>
:定义输入字段。<label>
:定义输入字段的标签。<button>
:定义按钮。
输入字段
以下是常见的输入字段类型:
- 文本输入:
<input type="text">
- 密码输入:
<input type="password">
- 单选按钮:
<input type="radio">
- 复选框:
<input type="checkbox">
- 提交按钮:
<input type="submit">
表单属性
HTML 表单元素可以使用多种属性来控制其行为和外观。
action
:指定表单提交的目标 URL。method
:指定表单提交的方法,通常是GET
或POST
。name
:指定表单元素的名称,用于在服务器端处理表单数据。
表单验证
HTML5 引入了一些新的表单验证属性,例如:
required
:指定输入字段是必填的。minlength
:指定输入字段的最小长度。maxlength
:指定输入字段的最大长度。
实例
以下是一个简单的表单示例:
<form action="/submit-form" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>
<button type="submit">提交</button>
</form>
扩展阅读
更多关于 HTML 表单的信息,请访问我们的 HTML 表单教程。