<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML表单示例</title>
</head>
<body>
<h2>用户注册</h2>
<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>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required>
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
在这个例子中:
- <form> 元素定义了一个表单,action 属性指定了表单提交的URL,method 属性定义了表单提交的HTTP方法(通常为 "get" 或 "post")。
- <label> 元素用于标记表单元素,提高可访问性。for 属性与相应表单元素的 id 属性相匹配。
- <input> 元素用于创建各种类型的表单控件,例如文本框(type="text")、密码框(type="password")和邮箱框(type="email")。
- required 属性用于指定某些字段是必填的。
- <br> 元素用于在表单中创建换行。
这只是一个简单的表单示例,实际应用中可能会包含更多的表单元素和功能,如下拉框、单选框、复选框等。在后端,你通常需要使用服务器端技术(如Node.js、PHP、Python等)来处理表单提交的数据。
转载请注明出处:http://www.zyzy.cn/article/detail/3126/HTML