Html-Üye Girişi

HTML KODLARI-TEMEL DÜZEY-Üye Girişi 

Birçok sitede üye girişini görmüşsünüzdür. Üye girişlerinde, üye bilgileri girildiğinde bilgiler veri tabanından çağrılır. Örneğin çok sık kullandığımız facebook sosyal ağı buna bir örnektir. Herkesin kullanıcı bilgileri birbiri ile aynı değil. Bilgilerimizi girdiğimizde facebook bizim bilgilerimize göre sayfamızı veri tabanından çağırır. Bu şekilde çok fazla kişi farklı bilgilerle girse bile herkesin sayfası farklı olarak karşımıza gelir. 

Şuan anlatacağım bu kadar karmaşık ve ileri düzey olmayacak. Temel niteliğinde basit bir şekilde anlatmaya çalışacağım.

Önceki yazılarımdan farklı olarak bu kısımda <form> tagını kullanacağız. Öncelikle bu kısımda kullanacağımız tagları tanıyalım.

<form> =  HTML formu oluşturmak için kullanılır.

<input> =  Veri girebilmek için kullanılan kod'dur.

</br> = Bulunduğumuz satırdan bir satır aşağı geçmek için kullanılır.

<select> = Açılır liste oluşturmak için kullanılır.
Hadi başlayalım.

Basit bir kodla form

"action" girişe bastığımızda bizi yönlendireceği sayfanın ismini girdiğimiz kısımdır. 

Kullanıcı girişinin ekran görüntüsü

Kodların tarayıcı halindeki şekli bu biçimde gözükmekte. Aşağıdaki resim girişe tıklandıktan sonraki hali. Girişe tıkladığımızda aşağıdaki gibi action="giris.html" kodundaki giris.html adresine yönlendirdi. 

Kullanıcı girişinin ekran görüntüsü

Form Yapma

Bu kısımdaki kodları üst kısımdaki anlattığım kodlarla beraber kullanacağım. Aslında bu kısımda kısa bir form oluşturacağız. 

Form'un kod kısmı

"radio" tekli seçim yapmamızı sağlar. Yani seçeneklerden sadece birini işaretleyebiliriz. "checkbox" çoklu seçim yapmak için kullanılır. Birden fazla seçeneği işaretleyebiliriz."select" açılır list yapmak için kullanırız. Tarayıcı halindeki görünümü de aşağıdaki gibi.

Formun son ekran görüntüsü