navigation_bar/two.html at master · fengyangfifa/navigation_bar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<link rel="stylesheet" href="two.css">
</head>

<body>
	<div class="topnav">
		<a class="active" href="#home">主页</a>
		<a href="#about">关于</a>
		<a href="#contact">联系我们</a>
		<div class="search-container">
			<form action="#">
				<input type="text" placeholder="搜索.." name="search">
				<button type="submit">提交</button>
			</form>
		</div>
	</div>
	<div style="margin-left: 16px">
		<h2>响应式搜索菜单</h2>
		<p>导航栏里面有一个搜索框。</p>
		<p>调整浏览器窗口的大小, 查看效果。</p>
	</div>
</body>

</html>