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标签:定义一个提交按钮。

这个表单包含了姓名、邮箱、性别、年龄和留言等元素,用户可以填写这些信息并提交到服务器端进行处理。