HTML联系我们怎么弄
时间: 2024-09-17 15:04:42 浏览: 31
在HTML中设置"联系我们"通常涉及创建一个表单,让用户可以输入他们的信息并发送给网站管理员。以下是基本步骤:
1. **创建表单元素**:
使用`<form>`标签开始表单,并添加`action`属性指定表单数据提交的目标地址(通常是您的服务器端处理程序),以及`method`属性指定提交方式,如POST或GET。
```html
<form action="contact-us.php" method="post">
```
2. **添加联系信息字段**:
添加`<input>`元素,包括电子邮件、姓名和消息等。例如:
```html
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br>
<label for="message">留言:</label>
<textarea id="message" name="message" rows="5" cols="40" required></textarea><br>
```
3. **提交按钮**:
添加一个提交按钮,用户点击后会发送表单内容。
```html
<button type="submit">发送</button>
```
4. **美化样式**:
可以使用CSS美化表单外观,使其更易读和美观。
完整示例:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>联系我们</title>
</head>
<body>
<h2>联系我们</h2>
<form action="contact-us.php" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br>
<label for="message">留言:</label>
<textarea id="message" name="message" rows="5" cols="40" required></textarea><br>
<button type="submit">发送</button>
</form>
</body>
</html>
```