2014-01-17 85 views
0
<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

我想有名字和姓氏的下一个对方,也是无线电输出系列中的按钮。

我还想添加一个'+'符号,它将动态添加额外的文本字段到表单并使其可滚动。

+1

'输入[类型=文字],输入您的HTML [类型=密码] {显示:inline-block的}' – Vucko

+0

不知道你在有关,因为它在默认情况下做到的。 [DEMO](http://jsfiddle.net/Ruddy/xmtKZ/) – Ruddy

+0

你需要名字,姓氏和单选按钮吗?所有看起来像一条线,彼此接近。 –

回答

4

的地方在一个表是这样的:

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

谢谢吨! :) 它工作:)非常感谢你! :) – user3205736

+0

不要忘了给我评分:) –

+0

哦亲爱的...表。 – Ruddy

0

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

这里是CodePen