如何用jsp做一个漂亮的搜索框
时间: 2023-06-16 19:07:44 浏览: 105
以下是一个简单的搜索框的 JSP 代码,你可以根据自己的需要进行修改和美化:
```jsp
<form action="search.jsp" method="get">
<input type="text" name="query" placeholder="请输入搜索关键词...">
<button type="submit">搜索</button>
</form>
```
这个搜索框包含一个文本输入框和一个提交按钮,用户输入关键词后,点击提交按钮后将会提交到 `search.jsp` 页面进行搜索。你可以使用 CSS 对搜索框进行美化,例如:
```css
input[type="text"] {
border: 2px solid #ccc;
border-radius: 4px;
padding: 10px;
width: 300px;
}
button[type="submit"] {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin-left: -5px;
border-radius: 0 4px 4px 0;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #45a049;
}
```
这个 CSS 样式可以让搜索框和提交按钮看起来更加漂亮。