修复了查询页面的样式问题
This commit is contained in:
@ -21,6 +21,11 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search-panel button,
|
||||||
|
.search-panel form {
|
||||||
|
display: inline-block; /* 或者使用 display: inline-flex; */
|
||||||
|
}
|
||||||
|
|
||||||
.search-panel button {
|
.search-panel button {
|
||||||
background-color: #4CAF50;
|
background-color: #4CAF50;
|
||||||
color: white;
|
color: white;
|
||||||
@ -96,6 +101,7 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="search-panel">
|
<div class="search-panel">
|
||||||
<button onclick="ShowAll()">Show All Books</button>
|
<button onclick="ShowAll()">Show All Books</button>
|
||||||
|
<form onsubmit="console.log('trying passwd'); performSearch(); return false;">
|
||||||
<label for="searchType">Or Search by:</label>
|
<label for="searchType">Or Search by:</label>
|
||||||
<select id="searchType">
|
<select id="searchType">
|
||||||
<option value="isbn">ISBN</option>
|
<option value="isbn">ISBN</option>
|
||||||
@ -104,7 +110,8 @@
|
|||||||
<option value="keyword">Keyword</option>
|
<option value="keyword">Keyword</option>
|
||||||
</select>
|
</select>
|
||||||
<input type="text" id="searchInput" placeholder="Enter search term" required>
|
<input type="text" id="searchInput" placeholder="Enter search term" required>
|
||||||
<button onclick="performSearch()">Search</button>
|
<button type="submit">Search</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div id="searchResults"></div>
|
<div id="searchResults"></div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user