Question

我有一个看起来像这样的表格：http://jsfiddle.net/g6kQK/

但如果我检查生成的代码，这就是我得到的：http://jsfiddle.net/bxA5X/

问题似乎与

有关

display: block;
float: left;

但如果删除这些属性，我的表单中没有任何变化。

input type=text中html的默认属性是什么？

我应该如何设置它以使其与文本对齐？

感谢。

Answer 1

从width div中移除.cardno，然后将input元素移到外面。

    <label>card no</label>
    <div class="cardno">04</div>
    <input type="text" name="codcard"  maxlength="11"/>

更新小提琴：http://jsfiddle.net/bxA5X/8/

Answer 2

只需从.user设置输入[name =“codcard”]

中删除display：block属性

Answer 3

这就是我给你的答案希望这就是你想要的......只要看到这个小提琴

   <form id="change_customer_data" class="usersetting" action="/">     

    <label>telephone</label>    
    <input type="text" name="tel" /><br>  

    <label>email</label>&emsp;&emsp;    
    <input type="text" name="email"><br>                

    <label>card no:</label>
    04<input type="text" name="codcard"  maxlength="11"/>

http://jsfiddle.net/bxA5X/8/

将标签与输入文本水平对齐

3 个答案: