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>

「style」タグではなく、別のcssファイルに含める必要があります。

于 2009-10-09T16:29:11.897 に答える
0

CSSで：

form#the-form-id {
    display: inline-block;
}
于 2009-10-09T16:14:10.067 に答える
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

Gareth SimpsonとGregが言ったように、最も簡単な方法はタグでリンクをラップすることですが、真剣に、タグを使用するべきではありません。また、ブラウザーがalt属性なしで閉じられていないことを表示するという事実もありません。 tはあなたがそれをしなければならないことを意味します。

私はidrumgoodに同意します、あなたがあなた自身の利益のためにwww.w3schools.comをチェックすることができればそれは素晴らしいでしょう。

乾杯

于 2009-10-09T16:23:49.033 に答える