html网页表单代码
<!DOCTYPE html>
<html>
<head>
<title>表单示例</title>
</head>
<body>
<h1>表单示例</h1>
<form action="submit.php" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female" required>
<label for="female">女</label><br><br>
<label for="age">年龄:</label>
<select id="age" name="age" required>
<option value="">请选择</option>
<option value="18以下">18以下</option>
<option value="18-25">18-25</option>
<option value="26-35">26-35</option>
<option value="36-45">36-45</option>
<option value="46以上">46以上</option>
</select><br><br>
<label for="message">留言:</label><br>
<textarea id="message" name="message" rows="5" cols="30"></textarea><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
这是一个基本的HTML表单代码,包括以下元素:
DOCTYPE声明:指定文档类型为HTML5。
HTML标签:定义HTML文档。
Head标签:定义文档头部,包含文档的元数据,如标题等。
Body标签:定义文档主体,包含文档的内容。
H1标签:定义一个一级标题。
Form标签:定义一个表单,包含表单的所有元素。
Action属性:指定表单提交的URL地址。
Method属性:指定表单提交的HTTP方法,可以是GET或POST。
Label标签:定义表单元素的标签。
Input标签:定义一个输入框,可以是文本框、密码框、单选框、复选框等。
Type属性:指定输入框的类型。
Id属性:指定输入框的ID。
Name属性:指定输入框的名称。
Required属性:指定输入框是否必填。
For属性:指定标签与输入框的关联。
Radio标签:定义一个单选框。
Value属性:指定单选框的值。
Select标签:定义一个下拉框。
Option标签:定义下拉框的选项。
Textarea标签:定义一个多行文本框。
Rows属性:指定文本框的行数。
Cols属性:指定文本框的列数。
Submit标签:定义一个提交按钮。
这个表单包含了姓名、邮箱、性别、年龄和留言等元素,用户可以填写这些信息并提交到服务器端进行处理。