我想在html表单中将div放在文本框附近

有人能帮我吗？ 我需要在html表单中的文本框后放置一个div。 标签、文本框和新div在同一行

请查看我的html代码。我还没有添加div代码

请任何人都可以帮助我在同一行中添加一个div，而无需对此代码进行任何修改。 因为我制作了几个css代码来对齐标签和文本框

<form action="operates/signup.php" method="post" name="signupform" id="signupform">

      <label id="fnamelabel" for="fnam">First Name :</label>
      <input type="text" name="fnam" id="fnam" tabindex="1" />

    <p>
      <label id="lnamelabel"  for="lnam">Last Name :</label>
      <input type="text" name="lnam" id="lnam" tabindex="2" />
    </p>
    <p>
      <label id="yemail" for="email">Your Email :</label>
      <input type="text" name="email" id="email" tabindex="3" />
    </p>
    <p>
      <label id="reemail" for="remail">Re-enter Email :</label>
      <input type="text" name="remail" id="remail" tabindex="4" />
    </p>
    <p>
      <label id="npass" for="password">New Password :</label>
      <input type="text" name="password" id="password" tabindex="5" />
    </p>
    <p>
      <label id="mskill" for="bskill">Main Skill :</label>
      <select name="bskill" id="bskill" tabindex="6">
      </select>
    </p>
    <p>
      <input type="checkbox" name="termsanc" id="termsanc" tabindex="6" />
      <label id="terms" for="termsanc">I agreed the <a href="index.html">Terms and Conditions</a></label>
    </p>
    <div id="signupbutton" onclick="document.forms.signupform.submit()"></div>
  </form>

名字：

姓氏：


您的电子邮件：


重新输入电子邮件：


新密码：


主要技能：


我同意了

---

谢谢

您可以将div样式设置为inline，但您应该使用span。

名字：
<label id="fnamelabel" for="fnam" style = "display:inline">First Name :</label>
<input type="text" name="fnam" id="fnam" tabindex="1" style = "display:inline" />
<div id="newDiv" style = "display:inline"></div>

---

通常我不会像那样使用内嵌式CSS，但由于您没有发布CSS，我觉得这是必要的。

首先，让我们来处理标记

<form action="operates/signup.php" method="post" name="signup_form">
    <label>First Name:
        <input name="first_name"></label>
    <label>Last Name:
        <input name="last_name"></label>
    <label>Your Email:
        <input type="email" name="email"></label>
    <label>Please Reenter Your Email:
        <input type="email" name="validate_email"></label>
    <label>New Password:
        <input type="password" name="password"></label>
    <label>Main Skill:
        <input name="main_skill"></label>
    <label><input type="checkbox" name="terms_and_conditions">I agreed the <a href="index.html">Terms and Conditions</a></label>

    <button type="submit">Submit</button>
</form>
<style type="text/css">
    form {
        display: block;
        width: 400px;
    }
    label {
        display: block;
        padding: 5px;
        margin: 5px;
    }
    form label input {
        float: right;
    }
    input[type=checkbox] {
        float: none;
    }
</style>

名字：
姓氏：
您的电子邮件：
请重新输入您的电子邮件：
新密码：
主要技能：
我同意了
提交
形式{
显示：块；
宽度：400px；
}
标签{
显示：块；
填充物：5px；
保证金：5px；
}
表单标签输入{
浮动：对；
}
输入[类型=复选框]{
浮动：无；
}

好了，现在看起来不是好多了吗

---

---

至于原来的问题，不要使用

div

，

div

是一个完全不稳定的块级元素。如果您想要一个内联元素（即，显示在同一行上），请使用

span

，这是一个完全不可靠的内联级别元素

您的HTML无效<在

表

元素中不允许使用code>form、

p

和

div

。或者

tr

和

td

元素不允许在一个元素之外。您还可以使用

模拟按钮。这可能会导致可访问性和可用性问题。@Truth您能提供一个来源吗？我相信这是真的，但是我没有在规范中找到它的引用。@RyanB我没有发现任何问题，因为这种类型的编码在elance中使用website@Truth所有这些都可以放在表格中，前提是它们在

td

元素中。你能给我一个例子吗？这个例子必须与上面的代码有关。最后一行是内联样式：符号按钮相同的线div。但是为什么不使用跨度而不是“相同的线div”