<!-- HTML 表单示例代码 -->
<!DOCTYPE html>
<html>
<head>
<title>HTML 表单示例</title>
</head>
<body>
<!-- 创建一个简单的表单，使用 POST 方法提交数据到 /submit 的 URL -->
<form action="/submit" 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="gender">性别:</label>
<select id="gender" name="gender">
<option value="male">男</option>
<option value="female">女</option>
<option value="other">其他</option>
</select><br><br>
<!-- 复选框，用户可以选择多个兴趣爱好 -->
<label>兴趣爱好:</label><br>
<input type="checkbox" id="hobby1" name="hobbies" value="reading">
<label for="hobby1">阅读</label><br>
<input type="checkbox" id="hobby2" name="hobbies" value="sports">
<label for="hobby2">运动</label><br>
<input type="checkbox" id="hobby3" name="hobbies" value="music">
<label for="hobby3">音乐</label><br><br>
<!-- 单选按钮，用户只能选择一种联系方式 -->
<label>首选联系方式:</label><br>
<input type="radio" id="phone" name="contact" value="phone">
<label for="phone">电话</label><br>
<input type="radio" id="email_contact" name="contact" value="email">
<label for="email_contact">电子邮件</label><br><br>
<!-- 提交按钮，点击后提交表单 -->
<input type="submit" value="提交">
</form>
</body>
</html><form> 标签：定义了一个表单，action 属性指定了表单数据提交的目标 URL，method 属性指定了提交方式（GET 或 POST）。<input> 标签：用于创建各种类型的输入控件，如文本框、电子邮件输入框、复选框和单选按钮等。<label> 标签：为表单元素提供描述性标签，增强可访问性。<select> 和 <option> 标签：创建下拉列表，用户可以从列表中选择一个选项。<textarea> 标签：用于多行文本输入（此示例中未包含，但可以根据需要添加）。<input type="submit">：创建提交按钮，用户点击后将表单数据发送到服务器。上一篇：html图标
下一篇：html select设置选中项
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站