0

こんにちは、

私はhtmlが初めてです。アプリケーションに HTML フォーム フィールドを追加しました。テキストフィールドが整列されておらず、非常に乱雑に見えます。これは、「最初のタグ」や「2 番目のタグ」のようなフィールド名があり、その横にテキスト フィールドがあるためです。2 番目のタグのテキスト フィールドは、最初のタグよりも左側に表示されます。テーブルを使用せずにそれらを整列させる方法はありますか? テーブルを使用する場合、どのようにすればよいですか? 申し訳ありませんが、私は新しいユーザーであるため、写真をアップロードできません。

以下は私のhtmlコードです。

助けてくれてありがとう！

乾杯、正洪

<div class="rightsettings">
        <form name="addsubject" action="html_form_action.asp" method="get">
        <br>Subject: <input type="text" name="user" /></br>
        <br>Number of tags<select name="addnoofsubject" id = "addnoofsubject" onchange="checktags()">
            <option value=1>1</option>
            <option value=2>2</option>
            <option value=3>3</option>
            <option value=4>4</option>
            <option value=5>5</option>
        </select></br>
        <div id="addfirsttag">
        <br>First Tag: <input type="text" name="tag1"/></br>
        <div id = "addsecondtag" style="visibility:hidden">
        <br>Second Tag: <input type="text" name="tag2"/></br>
        </div>
        <div id = "addthirdtag" style="visibility:hidden">
        <br>Third Tag: <input type="text" name="tag3"/></br>
        </div>
        <div id = "addfourthtag" style="visibility:hidden">
        <br>Fourth Tag: <input type="text" name="tag4"/></br>
        </div>
        <div id = "addfifthtag" style="visibility:hidden">
        <br>Fifth Tag: <input type="text" name="tag5"/></br>
        </div>
        <br><input type="submit" value="Submit" /></br>
        </form>
    </div>
4

3 に答える 3

1

フォームをテーブルに挿入することをお勧めします。

<div class="rightsettings">
    <form name="addsubject" action="html_form_action.asp" method="get">
        <table cellpadding="1" cellspacing="1" border="0">
            <tr><td>Subject:</td><td><input type="text" name="user" /></td></tr>
            <tr><td>Number of tags::</td><td><select name="addnoofsubject" id = "addnoofsubject" onchange="checktags()"> 
                <option value=1>1</option> 
                <option value=2>2</option> 
                <option value=3>3</option> 
                <option value=4>4</option> 
                <option value=5>5</option> 
            </select></td></tr>

            <tr><td>First Tag:</td><td><div id="addfirsttag"><input type="text" name="tag1"/></div></td></tr>
             <!-- all your tags like the one above -->
            <tr><td colspan="2" align="center"><input type="submit" value="Submit" /></td></tr>
        </table>
    </form> 
</div>
于 2012-08-02T09:10:34.497 に答える
1

これを試してください

   <table>
    <tr style="visibility:hidden"><td>First tag :><td><input type="text" name="tag1"/></td></tr>
    <tr style="visibility:hidden"><td>Second tag :><td><input type="text" name="tag2"/></td></tr>
    <tr style="visibility:hidden"><td>Third tag :><td><input type="text" name="tag3"/> </td></tr>
   <tr><td colspan="2" align="center"><input type="submit"></td></tr>
    </table>
于 2012-08-02T09:10:47.427 に答える
0

テーブル付き

<table>
<tr><td>First Tag</td><td><input ... /></td></tr>
<tr><td>Second Tage</td><td><input ... /></td></tr>
...
</table>

CSSで

css 部分:

label
{
    display: block;
    width: 150px;
    float: left;
}

html 部分:

<label for="tag1">First Tag:</label><input ... /><br />
<label for="tag2">Second Tag:</label><input ... /><br />
于 2012-08-02T09:10:05.650 に答える