如果我已经在javascript中有搜索功能的代码,我怎么能让它看起来更好?

时间:2014-12-08 04:57:44

标签: css

这是我的代码"搜索"在我的网站上。如何使搜索演示文稿看起来更好? 我希望能够操纵它的外观,但我不知道如何使用此代码。

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>");
    //}

2 个答案:

答案 0 :(得分:0)

添加一个&#39;类&#39;到表并使用CSS来使用此类名操作搜索。

答案 1 :(得分:0)

你可以做的只是在表格中添加一个类

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; }

顺便说一下,您还可以为输入提供类名。