HTML 表单和输入
HTML表单和输入元素是构建交互式网页的基础。以下是一个简单的HTML表单示例,包含了不同类型的输入元素:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Simple Form</title>
</head>
<body>
<form action="/submit-form" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<label for="age">Age:</label>
<input type="number" id="age" name="age" min="1" max="100">
<input type="submit" value="Submit">
</form>
</body>
</html>
这个表单包含了文本输入、电子邮件输入、密码输入、数字输入和提交按钮。每个输入字段都有一个关联的label
,以提高可访问性。required
属性用于强制字段在提交表单之前必须填写,type="number"
输入还设置了最小值和最大值的限制。当用户填写完表单并点击提交按钮时,表单数据会通过POST方法发送到服务器上的/submit-form
路径。
评论已关闭