【HTML基础篇002】HTML之form表单超详解_html form表单
在HTML中,<form>
标签用于创建一个表单,表单用于收集用户输入的数据,并将这些数据发送到服务器进行处理。
以下是一个简单的HTML表单示例:
<!DOCTYPE html>
<html>
<head>
<title>简单表单</title>
</head>
<body>
<form action="/submit-form" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
在这个例子中,表单包含三个输入字段:文本输入框、电子邮件输入框和密码输入框。当用户填写完毕并点击“提交”按钮时,表单数据会通过POST方法发送到服务器上的/submit-form
路径。
<label>
标签用于定义输入字段的描述,for
属性与输入字段的id
属性相关联,以提高可用性。
表单的action
属性定义了数据提交到的服务器路径,method
属性定义了数据提交的HTTP方法,这里是post
。此外,表单还可以包含其他类型的表单元素,如单选按钮、复选框、下拉列表等。
评论已关闭