- 14 Eki 2019
- 968
- 79
Merhaba Değerli Türkhackteam Ailesi
Bu Konumda Kullanıcı Giriş Sayfası Yapacağız.
Bunun İçin Html-Css Dillerinde <Form> Etiketinden Yararlanacağız.
Bu Konumuzda Bahsedeceğimiz Etiketler;
<html>
<head>
<title>
<br>
<input>
<form>
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;
<html>
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 <html> Şeklinde Açılıp </html> Şeklinde Kapanır.
<head>
Head Etiketi Adındanda Anlaşılacağı Gibi Baş Olarak Adlandırılır.
Sayfa Başlığı-Dosya Yolları Bu Etiket İçerisinde Belirtilir.
Head Etiketi <head> Şeklinde Açılıp </head> Şeklinde Kapanır.
Örneğin;
Bu Komutlarda Head Etiketi İçerisinde link ve title Etiketleri Görülüyor.
<link> Etiketi İle Css Komutlarının Hangi Dosyadan Alınacağını Belirtilir.
<title> Etiketine Ayrı Başlık Altında Değineceğiz.
<title>
Title Etiketi Adından da Anlaşılacağı Gibi Başlık Olarak Adlandırılır.
Html Sayfasının Başlığı <title></title> Etiketleri Arasına Yazılır.
Örneğin;
<body>
Body Etiketi Adından da Anlaşılacağı Gibi Gövde-Vücut Olarak Adlandırılır.
Sayfa İçerisinde Kullanılan Etiketlerin Çoğu <body> Etiketi Arasında Kullanılır.
Sayfa İçerisinde Görülen Tüm Karakterler <body> Etiketi İçerisinde Yazılmıştır.
<form>
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 <form> Etiketi İçerisinde Yazılır.
<br>
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;
<input>
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;
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;
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;
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;
-----------------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;
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;
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.
[ame]https://www.youtube.com/watch?v=Z2WOuZPf0Iw[/ame]
İyi Forumlar
Bu Konumda Kullanıcı Giriş Sayfası Yapacağız.
Bunun İçin Html-Css Dillerinde <Form> Etiketinden Yararlanacağız.
Bu Konumuzda Bahsedeceğimiz Etiketler;
<html>
<head>
<title>
<br>
<input>
<form>
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;
<html>
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 <html> Şeklinde Açılıp </html> Şeklinde Kapanır.
<head>
Head Etiketi Adındanda Anlaşılacağı Gibi Baş Olarak Adlandırılır.
Sayfa Başlığı-Dosya Yolları Bu Etiket İçerisinde Belirtilir.
Head Etiketi <head> Şeklinde Açılıp </head> Şeklinde Kapanır.
Örneğin;
Kod:
<head>
<link rel="stylesheet" type="text/css" href="index.css">
<title>Sayfa Başlığı</title>
</head>
Bu Komutlarda Head Etiketi İçerisinde link ve title Etiketleri Görülüyor.
<link> Etiketi İle Css Komutlarının Hangi Dosyadan Alınacağını Belirtilir.
<title> Etiketine Ayrı Başlık Altında Değineceğiz.
<title>
Title Etiketi Adından da Anlaşılacağı Gibi Başlık Olarak Adlandırılır.
Html Sayfasının Başlığı <title></title> Etiketleri Arasına Yazılır.
Örneğin;
Kod:
<title>Sayfa Başlığı</title>
<body>
Body Etiketi Adından da Anlaşılacağı Gibi Gövde-Vücut Olarak Adlandırılır.
Sayfa İçerisinde Kullanılan Etiketlerin Çoğu <body> Etiketi Arasında Kullanılır.
Sayfa İçerisinde Görülen Tüm Karakterler <body> Etiketi İçerisinde Yazılmıştır.
<form>
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 <form> Etiketi İçerisinde Yazılır.
<br>
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<br><br><br>merhaba
<input>
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:<input type="text" value="Adınızı Buraya Giriniz">
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:<input type="text" name="ad" value="Adınızı Buraya Giriniz"><br><br>
Soyadınız:<input type="text" name="soyad" value="Soyadınızı Buraya Giriniz">
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:<input type="password" name="sifre">
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:
<input type="radio" name="cinsiyet">Erkek:<br><br>
<input type="radio" name="cinsiyet">Kadın:
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:
<input type="submit"><br><br>
<input type="submit" value="Turkhackteam">
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:
<input type="reset"><br><br>
<input type="reset" value="Olmadı Haydi Silelim"><br><br>
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.
[ame]https://www.youtube.com/watch?v=Z2WOuZPf0Iw[/ame]
İyi Forumlar