#9

languages/default.yml

 search: 搜索
 archive: 文章归档
 category: 文章分类
-tag: 标签
\ No newline at end of file
+tag: 标签
+placeholder: 在这里输入搜索关键词
\ No newline at end of file

languages/en.yml

 search: Search
 archive: Archive
 category: Category
-tag: Tag
\ No newline at end of file
+tag: Tag
+placeholder: Enter your search terms here
\ No newline at end of file

languages/zh-CN.yml

 search: 搜索
 archive: 文章归档
 category: 文章分类
-tag: 标签
\ No newline at end of file
+tag: 标签
+placeholder: 在这里输入搜索关键词
\ No newline at end of file

layout/index.ejs

@@ -4,7 +4,8 @@
 			<h1><%= config.subtitle %></h1>
 			<div class="search">
 				<form id="search_form" action_e="<%= theme.search + "site:" +config.url %>" onsubmit="return search();">
-					<label><input id="search_value" name="q" type="search" placeholder="<%= __('search') %>"></label>
+					<input autocomplete='off' id="search_value" name="q" type="search" placeholder="<%= __('placeholder') %>">
+					<input class="submit" type="submit" value="<%= __('search') %>">
 				</form>
 			</div>
 		</div>

source/css/style.css

@@ -115,9 +115,10 @@ a:hover {
     width: 74%;
     margin: auto 13%;
     position: relative;
+	display: flex;
 }
 
-.content .banner .search input {
+.content .banner .search #search_value {
 	width: 100%;
 	border: none;
 	background-color: transparent;
@@ -127,6 +128,15 @@ a:hover {
 	outline: 0;
 }
 
+.content .banner .search .submit {
+	border: none;
+	background-color: transparent;
+	padding: 1rem 2rem;
+	font-size: 1rem;
+	box-sizing: border-box;
+	outline: 0;
+}
+
 @media screen and (max-width: 768px) {
 	.content .banner .search form {
 		width: 90%;