E-Mail Kontrolü

Formdan gelen değerin e-mail olup olmadığını kontrol etmek HTML5 ile gelen bir özellikle çok basit hale geliyor.

Formdan gelen değerin e-mail olup olmadığını kontrol etmek HTML5 ile gelen bir özellikle çok basit hale geliyor.

E-mail kontrolü HTML5 le gelen bir uygulama olup type="email" reguired="reguired" komutuyla verilir. Yani type alanına text yazardık. E-mail sorgusu için type alanına email ve reguired="reguired" komutuyla işlem bitiyor.

placeholder="E-posta" komutu, HTML5 le gelen bir uygulama. Formun açıklayıcısı işlemi görür. Formun içeriğinin tıklanmasıyla kaybolur.

Aşağıda bununla ilgili yapılmış bir uygulamayı bulabilirsiniz.

Kolay gelsin.


<!doctype html>

<html>

<head>

<meta charset="iso-8859-9">

<title>Sanalkurs E-Mail Kontrolü</title>



<style type="text/css">

.nedenci_giris_kutu {

    height: 150px;

    width: 300px;

    background-color: #666;

    padding-top: 55px;

    color: #FFF;

    font-weight: 800;

    font-variant: small-caps;

}

.form {

    height: 35px;

}

.nedencicom_form {

    clear: both;

    margin-top: 2px;

    margin-bottom: 2px;

}

.nedenci_text {

    float: left;

    width: 75px;

    text-align: right;

    padding-right: 4px;

    padding-left: 2px;

}

.nedenci_form {

}

.submit{

    text-align: right;

    margin-left: 150px;

    padding-left: 37px;

    height: 35px;

}

</style>

</head>



<body>

<div class="nedenci_giris_kutu">

<form action="" method="get">

<div class="nedencicom_form">

<div class="nedenci_text">E-mail :</div>

<div class="nedenci_form">

<input class="form" name="email" type="email" reguired="reguired" placeholder="E-posta" /></div>

</div>

<div class="nedencicom_form">

<div class="nedenci_text">Şifre :</div>

<div class="nedenci_form"><input class="form" name="sifre" type="text"  placeholder="Şifre"/></div>

</div>

<div class="nedencicom_form"><input class="submit" name="onay" type="submit" value="giriş"></div>

</form>

</div>

</body>

</html>

  • Etiketler;
Fatih keskin Fatih keskin
HERZAMAN BİR NEDEN VARDIR
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git