Question

 <fieldset>
        <h2 class="fs-title">Personal Details</h2>
        <h3 class="fs-subtitle">Please Enter your personal details</h3>
        <input id="finame" type="text" name="fname" placeholder="Firstname" />
        <input type="text" name="lname" placeholder="Lastname" />
        <div class="mof">
        <input type="radio" name="mof" value="Male" align="left">Male</input>
        <input type="radio" name="mof" value="Male" align="left">Male</input>
        </div>
        <input type="password" name="pass" placeholder="Password" />
        <input type="password" name="cpass" placeholder="Confirm Password" />
        <input type="button" name="next" class="next action-button" value="Next" />
    </fieldset>

这是我得到的输出

http://imgur.com/Tb8PaMN

我希望将名字和姓氏彼此相邻，并且还有系列中的单选按钮。

我还想添加一个'+'符号，它会动态地向表单添加其他文本字段并使其可滚动。

Answer 1

您可以使用CSS span类。这是一个教程。

http://html.net/tutorials/css/lesson8.php

希望这对你有所帮助。

Answer 2

将它们放在这样的表格中：

<table>
<tr>
<td><input id="finame" type="text" name="fname" placeholder="Firstname" /></td>le>
<td><input type="text" name="lname" placeholder="Lastname" /></td>
</tr>
</table>

Answer 3

输入的默认行为是内联的，您需要做的是设置两个输入元素的宽度以适应容器的宽度

以下是CodePen

中的html

如何在表单中将文本框彼此对齐

3 个答案: