Как выровнять поля ввода в форме

Я ищу способ прямого ввода входов с помощью CSS. Я уже использовал таблицу, и она не работает.Как выровнять поля ввода в форме

Вот картина неровные поля ввода:

КОД

<form action="register2.php" method="POST"> 
    <table> 
     <tr> 
     <td> 
     First Name: <input type="text" name="name"> 
     </td> 
     </tr> 
     <tr> 
     <td> 
     Last Name: <input type="text" name="lname"> 
     </tr> 
     </td> 
     <tr> 
     <td> 
     UserName: <input type="text" name="uname"> 
     </tr> 
     </td> 
     <tr> 
     <td> 
     Email: <input type="text" name="email1"> 
     </tr> 
     </td> 
     <tr> 
     <td> 
     Confirm Email : <input type="text" name="email2"> 
     </tr> 
     </td> 
     <tr> 
     <td> 
     Password: <input type="password" name="pass1"> 
     </tr> 
     </td> 
     <tr> 
     <td> 
     Confirm Password: <input type="password" name="pass2"> 
     </tr> 
     </td> 
     <tr> 
     <td> 
     <input type="submit" name="Submit" value="Register"> 
     <tr> 
     <td> 
    </table> 
    </form>

источник

2015-10-02 orange18

Как насчет использования 'table'? –

Я пробовал, и он не работает – orange18

структура вашей таблицы несколько неправильно ..

<table> 
<tr> 
    <td>FirstName:</td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
    <td>LastName:</td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
    <td>UserName:</td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
    <td>Email:</td> 
    <td><input type="email" /></td> 
</tr> 
</table>

Вот пример. http://jsfiddle.net/aqm7kjbg/1/

Просто сделайте все сами ... =) cheerio!

источник

2015-10-02 02:45:08

fk спасибо, я никогда не думал, что это было так просто – orange18

@ orange18 LMAO, Np bro ... счастливое кодирование! –

Использование text align и float так:

label{ 
 
    display: inline-block; 
 
    float: left; 
 
    clear: left; 
 
    width: 250px; 
 
    text-align: left; /*Change to right here if you want it close to the inputs*/ 
 
} 
 
input { 
 
    display: inline-block; 
 
    float: left; 
 
}

<html> 
 
    <div> 
 
     <label>First Name:</label><input type="text"> 
 
     <label>Last Name:</label><input type="text"> 
 
     <label>Email:</label><input type = "text"> 
 
     <label>Username:</label><input type="text"> 
 
    </div> 
 
</html>

источник

2015-10-02 02:41:06

спасибо программированию весело Есть так много вещей, чтобы решить проблему – orange18

Как выровнять поля ввода в форме

ответ

Смежные вопросы