aeyStudio
Üye
Kullanıcı Adı:

Şifre:

Sonraki ziyaretimde beni otomatik kaydet!

Şifremi unuttum?
Kayıt



Site İçinde    


Gelişmiş arama

Ders Bölümleri
Dersler
En Çok İzlenenler
Son Eklenen Dersler
En Çok Beğenilenler
Tümünü Göster

Derslerde Ara


Dönüşümlü 10 Ders
Tab Menu Yapımı
Illustrator Plug-ins (Geliştiriciler)
Web Tasarımı - Faydalı Araçlar
Metal Plaka Yapımı
PSP - Resim Eskitme
Fireworks Geri Almak
Fireworks Genel Tanıtımı
Pixel Desenler (Pixel Patterns)
Flash ile Açılır Menü ve Web Butonları Yapımı
FreeHand Genel Bilgi

Site Bilgileri
Sitede 27 kategoride, toplam 93 ders,
Toplam 85 indirilebilir dosya, 63.832 kez indirilme,
Sitedeki derslere uyumlu 8 kategoride, toplam 52 link,
Forumlarda 697 konu, 1.406 ileti bulunmaktadır.
Sitede toplam 13.301 kayıtlı üyemiz var. En yeni üyemiz: asz

Şimdiye kadarki en yüksek aktif ziyaretçi sayısı: 311 - Tarih: 21.07.2016 19:15

Toplam ziyaret: 1.934.697
Bugünkü ziyaret: 0

Aktif Kullanıcılar: 1
Şu anda 0 kayıtlı kullanıcı (arasında 0 tanesi gizli) ve 1 ziyaretçi online.
Ana Sayfa / Dersler / Web Tasarımı / Tablolar, Frameler, Formlar / Web Tasarımı - Formlar

Web Tasarımı - Formlar
RSS Feed: Web Tasarımı - Formlar (Dersler)
Eklenme Tarihi: 07.11.2005 - 21:37   (İzlenme: 63096)
Yorumları Oku (-)
Yorum Ekle
Dersi Yazdır / İndir
Yazdır

Sayfalar:

Form'lar web sayfalarının vazgeçilmez öğeleridir.
Form'lar [1]

Form Öğeleri:
Günümüzde hemen her web sitesinde rastladığımız, bazen arama yapmak, bazen kişisel bilgilerimizi girmek, bir siteye veya web e-mail'e şifremizle giriş yapmak için kullandığımız web öğeleri FORM başlığı altında toplanabilir.
Burada özellikle belirtmemiz gereken nokta şudur: Formlar toplanıp bir CGI programcığına veya ASP/PHP/PL gibi gönderilen verileri derleyebilecek bir uygulamaya yönlendirilmelidir. Yani kendinize ait özel bir form için bu uygulamalara ihtiyacınız var. Bu bölümde formların nasıl oluşturulacağı ve çeşitleri hakkında örnekler vereceğiz. Gelin şimdi form komutlarını ve de FORM çeşitlerini inceleyelim. Tabii ki her komutumuzda olduğu gibi, öncelikle form sınırlarını belirlememiz gerekmektedir. Bunun için browser'ınıza formun açıldığına ve kapandığına dair komutlar göndermemiz gerekmektedir.


<FORM name="formismi" method="(GET veya POST)" action="gonderilecek program/adres" </FORM>

Parametreleri sırayla inceleyecek olursak:
NAME: Form ismini belirtir. Seçenekli bir parametredir. Yani eğer sayfanızda birden fazla form kullanmayacaksanız sorun çıkmayacaktır.
METHOD: Sadece GET veya POST parametreleri kullanılabilir. GET ile POST arasında ne fark var?
GET durumunda form bilgileri, işlemleri yapacak programa URL üzerinden gönderilmektedir. Dosya adının yanına soru işareti ve veri ismi ve veri değerleri getirilerek yapılır.
POST komutu ile form bilgileri asıl HTML gövdesine birleştirilerek yollanmaktadır. POST yöntemi ile daha çok veriyi gönderebilirsiniz.
ACTION: Form verilerinin gönderileceği adresi belirler. Bu bir ASP/PHP veya CGI programcığı olabilir. Ya da bunları işleyebilecek bir web sayfası işinizi görecektir.
Böylelikle formun sınırlarım belirlemiş olduk. Şimdi form öğelerini tek tek görelim;

INPUT:
Kullanımı: <INPUT TYPE="Input tipi" NAME="Bölüm ismi" VALUE="Verilecek değer" SIZE="Genislik" l MAXLENGTH l DISABLED l READONLY>
Parametreler:
TYPE:
Bu parametrenin varsayılan değeri text'tir.
Buraya yazabileceğiniz parametreler ve etkilerini sıralayalım:
Name: Verilen değerin hangi değişkene ait olduğu belirtilir. Verilmediğinde verdiğiniz değer form öğelerinde yerini bulmayacak, bir nevi boşa gidecektir.
Value: Burada ismini "Name" parametresi ile verdiğiniz öğenin varsayılan değerini atayabilirsiniz. Örneğin yaptığıniz formda kullanıcının web sitesi adresini girmesini istiyorsunuz. Yazacağınız komut:

<input type="text" name="webadresi" value="http://" size="25">

Size: Metin alanınızın karakter cinsinden genişliğini belirler.
Maxlength: Metin (text) satırına en çok kaç karakter yazabileceğinizi belirtir. Readonly: Metnin değiştirilmesine izin vermez. Kutu içinde verdiğiniz değeri (value) gösterir.
Disabled: Eğer bu parametreyi kullanırsanız, metin kutusu kullanıcıya gösterilir fakat işleyici programa aktarılmaz.
<html>
<head><title>Form Menü</title>
</head>
<body bgcolor="#FFFFFF">
<form name="deneme" method="POST" action="gonderilecek sayfa.asp">
Lütfen Web Adresinizi Giriniz:
<br><input type="text" name="webadresi" value="http://" size="25"></form>
</body>
</html>

 

SELECT
Genelde çoklu veya tekli seçim yapmamıza yarayan drop-down menüleri oluşturmak için kullanılır. Kullanımı:
<SELECT name="Formogesiismi" SIZE="Gösterilecek Satır Sayısı" (MULTIPLE)>
OPTİON value="1.nesne degeri">1. Nesne'nin ekranda görünecek ismi</OPTION> <OPTION value="2.nesne degeri">2. Nesne'nin ekranda görünecek ismi</OPTION> </SELECT>

Parametreleri sıralarsak eğer:
Name: Formu işleyecek dosyaya göndereceğimiz isim.
Size: Gösterilecek Satır Sayısı. Eğer herhangi bir değer girmezseniz 1 satır olarak kalmaktadır.
Muitiple: Eğer birden fazla seçimi aynı anda yaptırmak istiyorsanız bunu komutu kullanabilirsiniz. Tabii size (büyüklük) parametresini biraz daha yüksek tutmakta fayda var.
Option komutu ise SELECT ile dizeceğimiz seçenekleri belirlememizi sağlar. şeklinde kullanılmakta. Bu tip kullanımda ekrandan görünecek isim olarak value alınır.
Örnek verirsek: 3 satırlı bir seçim tablosu oluşturalım.

<FORM name="anket" method="post" action="anket.asp">
Hangi şehirde çalışıyorsunuz?
<BR>
<SELECT name=
"anket" SIZE="1">
<OPTION value="34">İstanbul</OPTION>
<OPTION value="35">İzmir</OPTION>
<
OPTION value="06"> Ankara</OPTION>
</SELECT>
</FORM>

INPUT Komutu Type Çeşitleri
Text: Bir metin girdisi bekler, yazılanlar ekranda gösterilir.
Password: Oraya yazılacak olanların birer şifre olacağını düşünerek yazılan her karakter * ile değiştirilir.
Checkbox: Bir kare içerisinde bir seçim kutucuğu gösterilir. Fakat eğer (bir de checked)????? parametresi kullanılmazsa seçili durumda olmaz. Birden fazla seçilebilir. Ne kadar konulacaksa hepsinin Name kısmı farklı olmalıdır.
Radio: Ufak bir radyo diiğmesi koyar. Genelde aynı "Name" parametresi altında gruplandığında, bu grupta tek bir seçim hakkı verir. Yani aynı "Name" parametresini kullandığınız üç radyo düğmesinden seçim hakkınız sadece biridir. SELECTED parametresi kullanıldığında bir tane seçili durumda çıkmakta.
Submit: Onay düğmesi koyar. Bu düğme formun en sonlarında, formu göndermek için kullanılmaktadır.
Reset: Genelde onay düğmesinin yanında bulunur. Formda yazılan ne var ne yoksa siler.

Image: Resim yüklerken kullandığımız img komutu yerine INPUT koyup bir "Name" ve type="image" eklediğimizde resmimiz artık bir onay kutucuğuna dünüşecektir.
Hidden: Bu parametreyi kullandığınızda verdiğiniz Value (değer), verdiğiniz "Name" ile kabul edilir. Kullanıcıya sorulmaz ve gözükmez. Bir form işlemcisine vermek istediğiniz ek değerler için kullanabilirsiniz.






Yazan: Yorum:
Bu ders için yorumlar yok

RSS Feed: Web Tasarımı - Formlar (Dersler)

Google
 
Editörlerimiz | Link Bannerlarımız | Reklam | Site Amacı | Sık Sorulan Sorular | Yasal Uyarı & Kullanım Şartları
Sizden Gelenler | Site Haritası | Dosyalar