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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • LimeFire

    LimeFire

    2 ŞUBAT 2012
  • PlayStation

    PlayStation

    16 Aralık 2005
  • YAN TV

    YAN TV

    20 EKİM 2011