Javascript 如何将名字和姓氏放置在文本框顶部，如图所示

我看过，但不知道怎么做。。或者使用什么包装文本框来完成这一任务

我原以为可以用场集完成，但我可能错了

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

谢谢。。

---

可能会有人为此向我开枪，但一张桌子可以让这件事变得非常简单

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

第一
最后的
名称

如果您愿意的话，我可以用

快速制作一个

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

这应该可以：

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

名称
LabelFor（m=>m.First）
Html.TextBoxFor（m=>m.First）
LabelFor（m=>m.Last）
Html.TextBoxFor（m=>m.Last）

这里有一种不用表格的方法

CSS:

div{
宽度：150像素
}
div标签{
清除：左；
字体大小：9px；
}

以及HTML：

<div><label>First</label><input type="text" id="firstName" /></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>

.科
{
明确：两者皆有；
}
.左
{
浮动：左；
字体大小：25px；
填充物：5px；
填充顶部：15px；
}
.部门.对
{
浮动：左；
填充物：5px；
}
.section.right.nm
{
字体大小：10px；
}
.section.right.val
{
}

我认为使用web用户控件是可能的，如果不是，那么您应该尝试自定义服务器控件。我知道这种方法，我想知道是否有更好的方法来实现这一点。。我不认为这是另一个td，而是他们使用了其他东西。在我看到Waqar的评论后，我意识到你可能是什么意思。。我不确定，抱歉：(

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