Question

这是我的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>元素没有出现在与“Home”和“Login”相同的行中

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

Answer 1

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

<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取代了好几年了）。引用你的属性，并注意你的实体上缺少分号。

Answer 2

你不应该这样做，但你可以通过指定display：inline to the form

来修复它。

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

它应该位于单独的css文件中，而不是“样式”标记。

Answer 3

在你的CSS中：

form#the-form-id {
    display: inline-block;
}

Answer 4

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

<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。

Answer 5

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

我同意idrumgood，如果你能查看www.w3schools.com，那将是一件好事。

干杯

我想要一个html链接和<form>元素出现在同一行</form>中

5 个答案: