用HTML实现电子产品页面包含超链接和表单
时间: 2024-03-08 21:50:53 浏览: 65
好的,以下是一个简单的HTML页面,其中包含超链接和表单:
```html
<!DOCTYPE html>
<html>
<head>
<title>电子产品页面</title>
</head>
<body>
<h1>电子产品</h1>
<p>以下是我们推荐的一些电子产品:</p>
<ul>
<li><a href="https://www.apple.com/iphone/">iPhone</a></li>
<li><a href="https://www.samsung.com/global/galaxy/">Galaxy</a></li>
<li><a href="https://www.amazon.com/Kindle-eBooks/b?ie=UTF8&node=154606011">Kindle</a></li>
</ul>
<form action="submit.php" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<label for="product">产品:</label>
<select id="product" name="product">
<option value="iPhone">iPhone</option>
<option value="Galaxy">Galaxy</option>
<option value="Kindle">Kindle</option>
</select><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
该页面包含了一个标题和一个段落,然后使用无序列表展示了三个电子产品,并为每个产品添加了一个超链接。接下来是一个表单,其中包含了三个输入框和一个提交按钮。当用户提交表单时,数据将被发送到 `submit.php` 页面进行处理。
阅读全文