<!-- HTML <form> 标签示例 -->
<!DOCTYPE html>
<html>
<head>
<title>HTML form 标签示例</title>
</head>
<body>
<!-- 创建一个简单的表单 -->
<form action="/submit_form" method="post">
<!-- 文本输入框 -->
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<!-- 密码输入框 -->
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<!-- 单选按钮 -->
<label>性别:</label><br>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<!-- 提交按钮 -->
<input type="submit" value="提交">
</form>
</body>
</html>
解释说明:
<form> 标签:用于创建 HTML 表单,用户可以通过表单与网页进行交互。action 属性指定表单数据提交的目标 URL,method 属性指定提交方式(GET 或 POST)。
<input> 标签:用于创建不同类型的输入控件,如文本框、密码框、单选按钮等。type 属性定义输入控件的类型,id 和 name 属性用于标识输入控件。
<label> 标签:用于定义输入控件的标签,for 属性关联相应的输入控件,以提高用户体验和可访问性。
<input type="submit">:用于创建提交按钮,点击后会将表单数据发送到服务器。