Merhaba arkadaşlar bu konumda statik bir şekilde nasıl form oluşturulur bundan bahsedeceğim.
Get ve post yöntemleri ile dinamik bir form oluşturmayı bir başka konumda detaylı bir şekilde anlatacağım.
Form oluşturmadan önce sayfamızın başına <form> </form> etiketini ekliyoruz bu 2 etiketin arasına gereki kodlarımızı yazacağız.
Form oluşturmak için ihtiyacımız olan etiket input etiketidir bu etiket ve kendine has parametreleri sayesinde form oluşturacağız ilk önce bu parametreleri tanıyalım.
Type; Bu parametre ile alanımıza buton,yazı kutusu,dosya seçme butonu vs ekleyebiliyoruz örneklerimizde bunlar hakkında bilgi alacaksın.
Size: normal yazı kutusu (text) ve şifreli yazı kutusu (password) elemanlarının karakter uzunluklarını belirlemek ve diğer elemanlarında genişliğini belirtmek için kullanılır.
Value: Mesela bir yazı kutusu eklediniz bu kutuya value="şifrenizi girin" yazarsanız karşı taraftaki kişi formu ilk açtığında şifre kutusunun içerisinde bu yazıyı görecektir.Value kişiye ne yapmasını söyleyen (siz ne isterseniz) parametredir.
Name: Tıpkı değişkenler gibi name parametresininde belirlediğimiz inputa eklenmesi şarttır.Name parametresi bir nevi değişken görevi görmektedir.
Checked; Radio ve checkbox kutularına önceden işaret koymaya yarar.
Şimdi yukarıda bahsettiğim parametleri ve ****ryelleri bir form uygulaması oluşturarak kullanalım.
Yukarıda bulunan kod satırını localhostunuzda deneyebilirsiniz.
Sorularınız varsa yorumlarda belirtiniz cevap veririm.
İleride anlatacağım dinamik form oluşturma konusu ile kendi fake scriptlerinizi oluşturabileceksiniz takipte kalın
/------------------------------------------------------------------------\
Bana motive olmak için teşekkür edebilirsiniz :cool
\------------------------------------------------------------/
Get ve post yöntemleri ile dinamik bir form oluşturmayı bir başka konumda detaylı bir şekilde anlatacağım.
Form oluşturmadan önce sayfamızın başına <form> </form> etiketini ekliyoruz bu 2 etiketin arasına gereki kodlarımızı yazacağız.
Form oluşturmak için ihtiyacımız olan etiket input etiketidir bu etiket ve kendine has parametreleri sayesinde form oluşturacağız ilk önce bu parametreleri tanıyalım.
Type; Bu parametre ile alanımıza buton,yazı kutusu,dosya seçme butonu vs ekleyebiliyoruz örneklerimizde bunlar hakkında bilgi alacaksın.
Kod:
[COLOR=White][B]Type parametresinin sahip olduğu ve sizin genellikle kullanacağınız ****ryeller şunlardır;[/B][/COLOR]
[COLOR=yellow][B][COLOR=white]text:[/COLOR] ekrana yazı kutusu eklemenize yarar buraya kullanıcı adı,isim,soyisim girdisi yaptırabilirsiniz,[/B][/COLOR]
[COLOR=yellow][B][COLOR=White]-----[/COLOR][/B][/COLOR]
[COLOR=yellow][B][COLOR=white]password:[/COLOR] ekrana yazı kutusu ekler fakat bu kutuya yazdığınız şeyler gizlidir **** olarak gösterilir bu kutuya şifre girdisi yaptırabilirsiniz,[/B][/COLOR]
[COLOR=white][B]-----[/B][/COLOR]
[COLOR=yellow][B][COLOR=white]checkbox: [/COLOR]ekrana işaret kutusu ekler mesela bir kayıt formu oluşturuyorsanız ekrana checkbox eklersiniz ve valuesini kullanım şartlarını kabul ediyorum olarak ayarlarsınız bu şartları kabul eden kişiler tik işaretine tıklayarak kabul etmiş sayılır :)[/B][/COLOR]
[COLOR=white][B]-----[/B][/COLOR]
[COLOR=yellow][B][COLOR=white]radio: [/COLOR]ekrana chechbox gibi bir işaret kutusu ekler fakat bu işaret kutusu yuvarlaktır tek farkı budur.[/B][/COLOR]
[COLOR=white][B]-----[/B][/COLOR]
[COLOR=yellow][B][COLOR=white]submit:[/COLOR] ekrana bir buton ekler bu butonun valuesini gönder olarak ayarlayabilirsiniz bu buton ile formu dolduran kişiler size gönderebilir.[/B][/COLOR]
[COLOR=white][B]-----[/B][/COLOR]
[COLOR=yellow][B][COLOR=white]reset:[/COLOR] ekrana buton ekler bu buton sayesinde forma girilen tüm bilgiler silinir reset olur bi nevi [/B][/COLOR]
[COLOR=white][B]------[/B][/COLOR]
[COLOR=yellow][B][COLOR=white]button:[/COLOR] ekrana buton ekler[/B][/COLOR]
[COLOR=white][B]-----[/B][/COLOR]
[COLOR=yellow][B][COLOR=white]textarea: [/COLOR]ekrana geniş bir yazı kutusu ekler kişiler buraya uzun mesajlarını yazabilir.[/B][/COLOR]
[COLOR=yellow][B](buraya eklemediğim birkaç ****ryel var onları diğer konumda get - post yöntemleribi anlatırken anlatacağım)
[/B][/COLOR]Value: Mesela bir yazı kutusu eklediniz bu kutuya value="şifrenizi girin" yazarsanız karşı taraftaki kişi formu ilk açtığında şifre kutusunun içerisinde bu yazıyı görecektir.Value kişiye ne yapmasını söyleyen (siz ne isterseniz) parametredir.
Name: Tıpkı değişkenler gibi name parametresininde belirlediğimiz inputa eklenmesi şarttır.Name parametresi bir nevi değişken görevi görmektedir.
Checked; Radio ve checkbox kutularına önceden işaret koymaya yarar.
Şimdi yukarıda bahsettiğim parametleri ve ****ryelleri bir form uygulaması oluşturarak kullanalım.
Kod:
[COLOR=white][B]<html>[/B][/COLOR]
[COLOR=white][B]<form>[/B][/COLOR]
[COLOR=yellow][B][COLOR=Magenta][COLOR=Yellow]Kullanıcı adı: <input type="text" name"isim">[/COLOR][/COLOR][/B][/COLOR]
[COLOR=yellow][B][COLOR=Magenta][COLOR=Yellow][COLOR=white]<br>[/COLOR] <-- [COLOR=white]bir satır boşluk bırakır[/COLOR][/COLOR][/COLOR][/B][/COLOR]
[COLOR=yellow][B][COLOR=Magenta][COLOR=Yellow]Şifre: <input type="password" name"şifre" size"25">[/COLOR][/COLOR][/B][/COLOR]
[COLOR=white][B]<br>[/B][/COLOR]
[COLOR=yellow][B][COLOR=Magenta][COLOR=Yellow]<input type="checkbox" name"seçim" checked="on"> Kullanım koşullarını kabul ediyorum.[/COLOR][/COLOR][/B][/COLOR]
[COLOR=white][B]<br>[/B][/COLOR]
[COLOR=yellow][B][COLOR=Magenta][COLOR=Yellow]<input type="submit" value="giriş yap"
[/COLOR][/COLOR][/B][/COLOR]
[COLOR=white][B]</form>[/B][/COLOR]
[COLOR=yellow][B][COLOR=Magenta][COLOR=white]</html>[/COLOR]
[/COLOR][/B][/COLOR]Sorularınız varsa yorumlarda belirtiniz cevap veririm.
İleride anlatacağım dinamik form oluşturma konusu ile kendi fake scriptlerinizi oluşturabileceksiniz takipte kalın
/------------------------------------------------------------------------\
Bana motive olmak için teşekkür edebilirsiniz :cool
\------------------------------------------------------------/
Son düzenleme:
