修复了查询页面的样式问题

This commit is contained in:
2023-12-18 08:57:39 +00:00
parent d747b430ae
commit a580e27ba4

View File

@ -21,6 +21,11 @@
text-align: center;
}
.search-panel button,
.search-panel form {
display: inline-block; /* 或者使用 display: inline-flex; */
}
.search-panel button {
background-color: #4CAF50;
color: white;
@ -96,6 +101,7 @@
<div class="content">
<div class="search-panel">
<button onclick="ShowAll()">Show All Books</button>
<form onsubmit="console.log('trying passwd'); performSearch(); return false;">
<label for="searchType">Or Search by:</label>
<select id="searchType">
<option value="isbn">ISBN</option>
@ -104,7 +110,8 @@
<option value="keyword">Keyword</option>
</select>
<input type="text" id="searchInput" placeholder="Enter search term" required>
<button onclick="performSearch()">Search</button>
<button type="submit">Search</button>
</form>
</div>
<div id="searchResults"></div>
</div>