Html Form Nasıl Oluşturulur ?

Sort

Katılımcı Üye
14 Eki 2019
968
79
4sx426.gif

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;

6OfL8I.gif

<html>
<head>
<title>
<br>
<input>
<form>

6OfL8I.gif


Bu Konumuzda Bahsedeceğimiz İnput Değerleri;

6OfL8I.gif

name
value
type


6OfL8I.gif


Bu Konumuzda Bahsedeceğimiz Type Değerleri;

6OfL8I.gif

text
password
radio
reset
submit


6OfL8I.gif


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

GCZS6c.png

<html>
GCZS6c.png


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.

GCZS6c.png

<head>
GCZS6c.png


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.

GCZS6c.png

<title>
GCZS6c.png


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>


GCZS6c.png

<body>
GCZS6c.png


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.

GCZS6c.png

<form>
GCZS6c.png


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.

GCZS6c.png

<br>
GCZS6c.png


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



GCZS6c.png

<input>
GCZS6c.png


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;

GCZS6c.png

Name
GCZS6c.png


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.

GCZS6c.png

Value
GCZS6c.png


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">
value="Adınızı Buraya Giriniz" Değeri İle Kutu İçerisinde Bu Yazı Görülür.



GCZS6c.png

Type
GCZS6c.png


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;

GCZS6c.png

Text
GCZS6c.png


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">



GCZS6c.png

Password
GCZS6c.png


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">



GCZS6c.png

Radio
GCZS6c.png


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:
-----------------resim------------------------------

GCZS6c.png

Submit
GCZS6c.png


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">


GCZS6c.png

Reset
GCZS6c.png

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
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.