如果我已經有javascript的搜索功能的代碼，我怎麼能讓它看起來更好？

-1

這是我在我的網站上「搜索」的代碼。如何讓搜索演示文稿看起來更好？我想能夠操縱它的外觀，但我不知道如何使用此代碼來實現。如果我已經有javascript的搜索功能的代碼，我怎麼能讓它看起來更好？

String auth = (String)session.getAttribute("auth"); 
    //if (auth != null) { 
     out.write("<table>"); 
     out.write("<tr>"); 
     out.write("<form action=\"SearchServlet\" method=\"get\"> "); 
     out.write("<input type=\"text\" name=\"query\" size=\"60\" >"); 
     out.write("</tr>"); 
     out.write("<tr>"); 
     out.write("<td><input type=\"submit\" name=\"Submit\" value=\"Search\"></td>"); 
     out.write("</form> </tr> </table>"); 
    //}

來源

2014-12-08 CodenameSand

add css。使用引導程序。 – argentum47 2014-12-08 04:58:40

將表格換成btw形式 - 您的html無效 - 您還缺少TD，並且表格不再用於造型。如果您有多個字段，請使用字段集 – mplungjan 2014-12-08 05:11:44

@ argentum47是的，那麼我該怎麼做？ – CodenameSand 2014-12-08 05:16:03

你可以做的是一個簡單的類添加到表

out.write("<table class='myclass'>");

這樣，你可以控制整個表CSS像這樣

.myclass { background-color: blue; } 
.myclass td { background-color: red; } 
.myclass input { background-color: green; }

如果你有一個以上的TD或INPUT你可能想考慮給他們自己的類名，這樣你就可以區分它們。

out.write("<td class='mytd1'></td>"); 
out.write("<td class='mytd2'></td>"); 

.mytd1 { background-color: red; } 
.mytd1 { background-color: blue; }

順便說一句，您還可以給輸入一個類名稱。

來源

2014-12-08 05:08:56 verthandi

謝謝你，先生！ – CodenameSand 2014-12-08 05:18:21

向該表中添加一個'class'，並使用CSS來操縱使用該類名稱的搜索。

來源

2014-12-08 05:03:03

如果我已經有javascript的搜索功能的代碼，我怎麼能讓它看起來更好？

回答

相關問題