0

这是我的html代码：

<img src="http://127.0.0.1/bookManagementProject/asset/images/mainLogo.gif"><a>

<br> <FONT SIZE=3 FACE="Arial"><br>&nbsp&nbsp&nbsp 
<a href = "http://127.0.0.1/home.html" <b>Home<a> |
<a href = "http://127.0.0.1/login.do" <b>Login</a> | <form method="get" action= http://flyingame.gamehost.org:8080/search.do> Search: <input type="text" name=searchTermFromBanner> <input type="submit" value=Search></FONT></br>

问题是，该<form>元素没有出现在“主页”和“登录”的同一行

顺便说一句，这是一个横幅 html 代码

4

5 回答 5

4

最简单的方法是将链接放在表单中：

<form method="get" action="http://flyingame.gamehost.org:8080/search.do">
    <font size="3" face="Arial">
        <br>&nbsp;&nbsp;&nbsp; 
        <a href="http://127.0.0.1/home.html" <b>Home</b><a> 
        |
        <a href = "http://127.0.0.1/login.do" <b>Login</a> 
        |
        Search: 
        <input type="text" name="searchTermFromBanner" /> 
        <input type="submit" value="Search" />
    </font>
</form>

您可能应该稍微清理一下您的 HTML（<font>几年前已被 CSS 取代）。也引用您的属性，并注意您的实体上是否缺少分号。

于 2009-10-09T16:15:40.863 回答
2

你不应该这样做，但你可以通过将 display:inline 分配给表单来修复它

<form method="get"  style="display:inline;"  action="http://flyingame.gamehost.org:8080/search.do"> Search: <input type="text" name="searchTermFromBanner"> </form>

它应该在一个单独的 css 文件中，而不是在“样式”标签中。

于 2009-10-09T16:29:11.897 回答
0

有很多方法可以做到这一点，但最简单的就是扩展表单以包含其他链接：

<img src="http://127.0.0.1/bookManagementProject/asset/images/mainLogo.gif">
<br> <form method="get" action= http://flyingame.gamehost.org:8080/search.do><FONT SIZE="3" FACE="Arial"><br>&nbsp&nbsp&nbsp 
<a href = "http://127.0.0.1/home.html" <b>Home</b><a> |
<a href = "http://127.0.0.1/login.do" <b>Login</b></a> | 
 Search: <input type="text" name="searchTermFromBanner"> <input type="submit" value="Search"></FONT></form>

更一般地说，您正在关闭<br>您不能关闭的标签，而不是您应该关闭的标签。<a>此外，您在第一行 有一个完全错误的标签。

如果我们真的很挑剔，那么您对字体标签的使用已经有一段时间不是最佳实践了。你应该看看 CSS。

于 2009-10-09T16:17:30.840 回答
0

在您的 CSS 中：

form#the-form-id {
    display: inline-block;
}
于 2009-10-09T16:14:10.067 回答
0

正如 Gareth Simpson 和 Greg 所说，最简单的方法是将链接包装在标签中，但是，严重的是，您不应该使用标签，而且浏览器显示没有 alt 属性且未关闭的事实，不不是说你应该这样做。

我同意 idrumgood 的观点，如果您可以查看 www.w3schools.com，那就太好了，为了您自己的利益。

干杯

于 2009-10-09T16:23:49.033 回答