给我一个前端的模板代码
时间: 2024-06-04 07:13:03 浏览: 7
好的,这是一个简单的前端模板代码:
<!DOCTYPE html>
<html>
<head>
<title>我的前端模板</title>
</head>
<body>
<header>
<h1>欢迎来到我的网站</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h2>最新产品</h2>
<div class="product">
<img src="product.jpg" alt="产品图片" />
<h3>产品名称</h3>
<p>产品介绍</p>
<button>购买</button>
</div>
</main>
<footer>
<p>版权信息 © 2021 我的网站</p>
</footer>
</body>
</html>
相关问题
写一个前端代码 搜索的模板
<!DOCTYPE html>
<html>
<head>
<title>搜索模板</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--引入bootstrap样式-->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid pt-5">
<form>
<div class="form-group row">
<label for="search-input" class="col-sm-2 col-form-label">搜索关键字:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="search-input" placeholder="请输入要搜索的关键字">
</div>
</div>
<div class="form-group row">
<div class="col-sm-2"></div>
<div class="col-sm-10">
<button type="submit" class="btn btn-primary">搜索</button>
</div>
</div>
</form>
</div>
<!--引入jquery和bootstrap的js-->
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
可以给我示范一个前端登录页面代码
当然可以,以下是一个简单的前端登录页面代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h1>Login</h1>
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<button type="submit">Login</button>
</form>
</body>
</html>
```
这个代码创建了一个基本的登录页面,包括一个表单,其中包含两个输入字段:用户名和密码,以及一个提交按钮。当用户点击提交按钮时,表单将向后端发送请求,并且在后端进行验证身份。如果信息正确,用户将被重定向到主页面,否则将显示错误消息。这个示例只是一个基础模板,您需要根据您的需求进行修改和改进。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)