Nasıl HTML giriş formları hizalamak için

SORU

30 Kasım 2010, Salı

Nasıl HTML giriş formları hizalamak için

HTML yeniyim ve formları kullanmayı öğrenmeye çalışıyorum.

Sahip olduğum en büyük sorun, şimdiye kadar formları hizalıyor. Burada geçerli bir HTML dosyası örneği:

<form>
 First Name:<input type="text" name="first"><br />
 Last Name:<input type="text" name="last"><br />
 Email:<input type="text" name="email"><br />
</form>

Sorun şu, alan sonra kutusuna '' büyük ölçüde ilk ve son adı kıyasla aralığı açısından farklı. e-Posta Bu nedir 'doğru' bunu bu şekilde 'line-up' aslında?

İyi bir form ve sözdizimi uygulamaya çalışıyorum...insanlar çok emin değilim CSS ile bunu yapmak olabilir, şimdiye kadar sadece HTML temellerini öğrendim.

CEVAP

30 Kasım 2010, Salı

Başka bir örnek, bu CSS kullanır, ben sadece konteyner sınıf ile bir div içinde form koy. Ve giriş öğeleri içinde bulunan kap genişliği 100% olan ve belirtilen her iki tarafında herhangi bir unsur var.

<html>
<head>
    <title>Example form</title>
    <style type="text/css">
    .container {
        width: 500px;
        clear: both;
    }
    .container input {
        width: 100%;
        clear: both;
    }

    </style>
</head>
<body>
<div class="container">
<form>
 <label>First Name</label>
 <input type="text" name="first"><br />
 <label>Last Name</label>
 <input type="text" name="last"><br />
 <label>Email</label>
 <input type="text" name="email"><br />
</form>
</div>
</body>
</html>

Bunu Paylaş: