html表单制作及实例
时间: 2023-09-08 10:10:26 浏览: 78
HTML表单是一种向服务器提交数据的方式,通常用于收集用户输入的信息。下面是一个简单的HTML表单实例:
```html
<!DOCTYPE html>
<html>
<head>
<title>HTML表单实例</title>
</head>
<body>
<form action="submit.php" 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>
<input type="radio" id="gender" name="gender" value="male">男
<input type="radio" id="gender" name="gender" value="female">女<br><br>
<label for="age">年龄:</label>
<select id="age" name="age">
<option value="0-18">18岁以下</option>
<option value="19-30">19-30岁</option>
<option value="31-50">31-50岁</option>
<option value="50+">50岁以上</option>
</select><br><br>
<label for="comment">留言:</label>
<textarea id="comment" name="comment" rows="5" cols="30"></textarea><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
上面的代码包含了一个表单,其中包含了以下几个元素:
- `input`元素用于接收用户输入的文本和电子邮件地址;
- `radio`元素用于选择性别;
- `select`元素用于选择年龄段;
- `textarea`元素用于接收用户输入的留言。
表单的`action`属性指定了提交表单数据的URL,而`method`属性指定了提交表单数据的方式。在这个例子中,我们使用了`post`方法将表单数据提交给`submit.php`文件。