javascript - 如图所示，如何将名字姓氏放在文本框的顶部

Question

我已经看到了，但我不知道该怎么做..或者用什么来环绕文本框来完成这个。

我认为这将通过字段集完成，但我可能是错的。

我附上了一张图片，希望能传达我的观点。

谢谢 ..

Answer 1

这是在没有表格的情况下执行此操作的一种方法。

CSS：

<style>
div{
width:150px
}
div label{
clear:left;
font-size:9px;
}
</style>

和 HTML：

<div><label>First</label><input type="text" id="firstName" /></div>

Answer 2

有人可能会为此向我开枪，但一张桌子可以让这很容易..

<table style="width:375px;" cellspacing="0" cellpadding="2">
    <col width="75px">
    <col width="150px">
    <col width="150px">
    <tr>
        <td></td>
        <td>first</td>
        <td>last</td>
    </tr>
    <tr>
        <td>
            NAME
        </td>
        <td>
            <input type="text" id="firstName" />
        </td>
        <td>
            <input type="text" id="lastName" />
        </td>
    </tr>
</table>

<divs> 如果你也愿意，我可以用它来鞭打一个..

编辑：我不熟悉任何会自动执行此操作的 .NET 控制器，除非它是自定义的。

Answer 3

这应该这样做：

<table>
       <tr>
          <td>
             Name
          </td>
          <td>
             Html.LabelFor(m => m.First)
             Html.TextBoxFor(m => m.First)
          </td>
          <td>
             Html.LabelFor(m => m.Last)
             Html.TextBoxFor(m => m.Last)
          </td>
      </tr>
    </table>

Answer 4

这里

<div class="section">
    <div class="left">
        Name
    </div>
    <div class="right">
        <div class="nm">
            First
        </div>
        <div class="val">
            <asp:TextBox runat="server" ID="txtBox1"></asp:TextBox>
        </div>
    </div>
    <div class="right">
        <div class="nm">
            Last
        </div>
        <div class="val">
            <asp:TextBox runat="server" ID="txtBox2"></asp:TextBox>
        </div>
    </div>
</div>

风格：

<style>
    .section
    {
        clear: both;
        }
        .section .left
        {
            float: left;
            font-size: 25px;
            padding:5px;
            padding-top:15px;

        }
        .section .right
        {
            float: left;
            padding:5px;

            }
            .section .right .nm
            {
                font-size: 10px;
            }
            .section .right .val
            {
            }
</style>