html字段对齐

大家下午好，html字段对齐

我是新来的html。我已将html表单字段添加到我的应用程序中。文本框不对齐，他们看起来非常不整洁。这是因为我的字段名称像“第一个标记”和“第二个标记”，旁边有一个文本字段。第二个标签的文本字段比第一个标签更靠左。有没有办法让我在不使用桌子的情况下对齐它们？如果我使用表格，我可否知道我应该怎么做？对不起，我不能上传任何照片，因为我是一个新用户。

以下是我的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>

来源

2012-08-02 mrghost1988

它需要CSS来正确对齐和美观的页面.. – vikrantx 2012-08-02 09:06:55

哪里是你的CSS文件???你可以使用CSS来对齐所有的文本字段...因为你是新的HTML所以首先从w3school.com学习 – chhameed 2012-08-02 09:06:57

尝试填充或表 – 2012-08-02 09:07:51

与表

<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-02 09:10:05 Phebus40

谢谢你对表的所有答复。但是，我正在设置字段隐形。因此，我原来的代码有一个onclick函数，它调用javascript.i编码的函数，尝试编码如下，但它不再隐藏我的领域。

Second Tag:

– mrghost1988 2012-08-02 14:24:21

尝试属性'display：none'而不是'visibility：hidden'。将表格插入表格并不干净，更喜欢css方法（标签） – Phebus40 2012-08-03 08:42:11

我建议你到你的表格插入到表中。

<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-02 09:10:34

试试这个

<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-02 09:10:47

html字段对齐

回答

相关问题