Merhaba Değerli Türkhackteam Ailesi

Bu Konumda Kullanıcı Giriş Sayfası Yapacağız.

Bunun İçin Html-Css Dillerinde Etiketinden Yararlanacağız.

Bu Konumuzda Bahsedeceğimiz Etiketler;











Bu Konumuzda Bahsedeceğimiz İnput Değerleri;


name
value
type



Bu Konumuzda Bahsedeceğimiz Type Değerleri;


text
password
radio
reset
submit



Evet,Giriş Bölümü Bittiyse İlk Etiketimize Değinelim;





Tüm Html Uzantılı Dosyalar Html Etiketi İle Açılıp,Kapanmak Zorundadır.

Tüm Etiketler Html Etiketi İçerisinde Yazılır.

Tek Başına Kullanılan Bir Etikettir.

Hiç Bir Değeri Yoktur. Sadece Sayfa Başında Açılıp,Sayfa Sonunda Kapatılması Gerekir

Html Etiketi Şeklinde Açılıp Şeklinde Kapanır.





Head Etiketi Adındanda Anlaşılacağı Gibi Baş Olarak Adlandırılır.

Sayfa Başlığı-Dosya Yolları Bu Etiket İçerisinde Belirtilir.

Head Etiketi Şeklinde Açılıp Şeklinde Kapanır.

Örneğin;

Kod:


Sayfa Başlığı

Bu Komutlarda Head Etiketi İçerisinde link ve title Etiketleri Görülüyor.

Etiketi İle Css Komutlarının Hangi Dosyadan Alınacağını Belirtilir.

Etiketine Ayrı Başlık Altında Değineceğiz.





Title Etiketi Adından da Anlaşılacağı Gibi Başlık Olarak Adlandırılır.

Html Sayfasının Başlığı Etiketleri Arasına Yazılır.

Örneğin;

Kod:
Sayfa Başlığı






Body Etiketi Adından da Anlaşılacağı Gibi Gövde-Vücut Olarak Adlandırılır.

Sayfa İçerisinde Kullanılan Etiketlerin Çoğu Etiketi Arasında Kullanılır.

Sayfa İçerisinde Görülen Tüm Karakterler Etiketi İçerisinde Yazılmıştır.





Form Etiketi Form Oluşturmamızı Sağlayan Etikettir.

Tek Başına Kullanılmaz.Html Etiketine Benzer.

Kullanıcıdan Veri Almamızı Sağlayan Etiketler Etiketi İçerisinde Yazılır.






Etiketler ve Veriler Arasında Satır Atlamamıza Yarayan Etikettir.

Tek Başına Kullanılır. Hiç Bir Değer Almaz.

Birden Fazla Boşluk Bırakmak İçin Ard Arda Kullanılabilir.

Örneğin;

Kod:
merhaba


merhaba






Kullanıcıdan Veri Almamızı Sağlayan Etikettir.

Tek Başına Kullanılmaz.

Form Etiketinden Farkı İçerisinde Etiketler Yerine Değerler Alır.

Alınan Değerler İnput Etiketi İçerisinde Belirtilir.

İçerisinde Bahsedeceğimiz 3 Parametreyi Barındırır.

İlk Parametremiz;


Name


Bu Parametreyi Değişken Olarak da Adlandırabiliriz.

Kullanıcıdan Aldığımız Değeri Daha Sonra İşlemek İçin Name Parametresi İle Adlandırırız.

Örneğin;

name="Sifredegeri" Durumunda Kullanıcının Girdiği Şifre,"Sifredegeri" Olarak Atanır.


Value


Bu Parametre Ön Değerimizi Belirlememizi Sağlar.

Kullanıcı Değeri Girmeden Biz Kullanıcıya Anlaması İçin Örnek Bir Kullanıcı Adı Gösterebiliriz.

Örneğin;

Kullanıcıya Adını Sorduğumuzda;

Kod:
Adınız:
value="Adınızı Buraya Giriniz" Değeri İle Kutu İçerisinde Bu Yazı Görülür.




Type


Kullanıcıdan Hangi Verilerimizi İsteyeceğimize Göre Farklı Type Değerleri Kullanırız.

İçerisinde Barındırdığı Değerler Diğer Parametreler İle Birlikte Kullanılabilir.

İçerisinde Bir Çok Değer Barındırır.

İlk Değerimiz;


Text


Kullanıcıdan Düz Veri Almamızı Sağlayan Veridir.

Diğer Parametrelerin Aksine Özelliği Yoktur.

Genellikle Ad-Soyad-Kullanıcı Adı Gibi Düz Kelime İçeren Veri Almak İçin Kullanılır.

Örneğin;

Kod:
Adınız:



Soyadınız:



Password


Bu Değer Text İle Aynı Mantığa Sahiptir.

Genellikle Şifre İstemek İçin Kullanılır.

Text Değerinden Tek Farkı Girilen Değerler Sansürlenir.

Örneğin;

Kod:
Sifreniz:



Radio


Bu Değer Kullanıcının Sadece Bir Değeri İşaretlemesini İster.

Genellikle Tek Cevap İstenmesi İçin Kullanılır.

Tek Cevap Kabul Edildiği İçin name Değerleri Aynı Olmalıdır.

Örneğin;

Kod:
Erkek:


Kadın:
-----------------resim------------------------------


Submit


Verileri Göndermek İçin Buton Oluşturmamızı Sağlar.

Value İle Değer Verilebilir.

Eğer Değer Verilmezse Varsayılan Olarak "Gönder" Olarak Kabul Edilir.

Örneğin;

Kod:







Reset

Submit Değeri İle Aynı Mantıkla Çalışır.

Adından da Anlaşılacağı Gibi Yeniden Başlatmamızı Sağlar.

Submit Verileri Göndermek İçin Buton Oluştururken;

Reset Verileri Silmek İçin Buton Oluşturur.

Bu Butona Basıldığında Girilen Değerler Silinir.

Örneğin;

Kod:









Dipnot;

Form Oluşturmak Sadece İşin Hamurudur.

Alınan Değerleri Değerlendirmek,Kaydetmek İçin Php Gibi Diller Kullanılmalıdır.

Bu Değerleri Nasıl İşlemeyeceğiniz Konusunda Aşağıdaki Videoyu İzleyebilirsiniz.

YouTube


İyi Forumlar