Web Tasarım - Formlar

Merhabalar
Bir önceki konumuz navbardı
konu linklerine aşağıdaki bağlantılardan ulaşabilirsiniz.

https://forum.ayyildiz.org/konu/web-tasarım-navbar.163633/
https://forum.ayyildiz.org/konu/1-giriş-seviyesi-web-tasarım.163521/

Formlar

Form nedir? nasıl kullanılır?

Formlar kullanıcı girişi, kayıt işlemleri gibi
bir çok işlem için kullanılabilmektedir.

Örnek form:



Nasıl form oluşturabiliriz?

metin editörümüzü açıyoruz daha sonra bootstrapın resmi websitesinde "forms" diye arama yapıyoruz



kodlarımızı kopyalıyoruz ve dosyamıza yapıştırıyoruz..



Çok şekilsiz durdu değil mi?

buna bir çekin düzen vermek şart



Önce türkçeleştirelim ve şekil verelim



Bunu nasıl yaptım?

önce bir card oluşturdum.. bootstrap bunu yapabilmek için aşağıda vereceğim kodları kullanmanız gerekir..

Kod:

<div class="card" style="width: 18rem;">
  <div class="card-body">


  </div>
</div>

arasına form kodlarımızı yapıştırdım daha sonra ortalanması için CSS kodu verdim CSS kodunu aşağıya bırakıyorum

Kod:

    <style type="text/css">
        .card {
            margin: 0 auto; /* Added */
            float: none; /* Added */
            margin-bottom: 10px; /* Added */
        }
    </style>

ve ortalandı...

ama sanki hala bir şeyler eksik gibi? evet placeholder eksik...

nedir bu placeholder?

placeholder inputun içinde yazılan yazılardır örneğin

"lütfen şifrenizi giriniz"

tarzında...

bunu nasıl ekleyeceğiz?



Birazda olsa iyi oldu fakat sanki hala eksik var gibi? mesela üste bir logo ekleyebiliriz?
hemen yapalım...

​

herhangi bir resimi seçiyoruz



en üste kodumuzu yazıyoruz



Sanırım böylesi daha güzel oldu.

bir sonraki konuda görüşmek üzere ...


​

 

elinize, emeğinize sağlık. kolay gelsin diyor, iyi forumlar diliyorum. saygılar.

 

elinize, emeğinize sağlık.