HTML: <input> disabled (Devre Dışı Bırakma)

HTML: <input> disabled (Devre Dışı Bırakma) yöntemini birlikte öğrenelim.

HTML forumları birçok özelliği mevcuttur. Bu özelliklerden birisi sürekli olarak kullanarak formlarımızın işlevselliğini artırırız.Bu dersimizde ise input özelliğimizin veri girildikten sonra devre dışı bırakılmasını isteriz.Bu özelliği aşağıdaki ayrıntılarda anlatılan şekilde öğrenelim.

Nerelerde Kullanırım:
[list]
[*] Kişi Bilgilerinde
[*] Üye Bilgileri
[*] Sipariş Forumu
[*] İletişim Formu
[*] ve. projenizin ve çalışmalarınızın görevi ve işlevine göre şekillendirebilirsiniz.
[/list]

Kod:

1.Yöntem


disabled


2.Yöntem

disabled="disabled"


Not: Kodlarımızı kullanırken 2 yöntemle de kullanabiliriz.Örnekler ile input içerisinde açıklayalım.


1. Yöntem Örnek:

<input type="text" name="soyadi" disabled>


2. Yöntem Örnek:

<input type="text" name="soyadi" disabled="disabled>



Forum İçerisinde Örnek Olarak Kullanalım:

1.Yöntem:

<!DOCTYPE html>
<html>
<body>

<form action="gönder.php">
  Adınız: <input type="text" name="adi"><br>
  Soyadınız: <input type="text" name="soyadi" disabled><br>
  <input type="submit" value="Gönder">
</form>

</body>
</html>


2.Yöntem:

<!DOCTYPE html>
<html>
<body>

<form action="gönder.php">
  Adınız: <input type="text" name="adi"><br>
  Soyadınız: <input type="text" name="soyadi" disabled="disabled"><br>
  <input type="submit" value="Gönder">
</form>

</body>
</html>



Çıktı:


Çalışmalarınızda Başarılar Dilerim
  • Etiketler;
Zafer Başpınar
Zafer BAŞPINAR Web hizmetleri alanına 2000 yıllarında başlayarak web hizmetleri alanında eğitim ve öğretim hayatına katarak gelişmekte olan web hizmetleri teknolojisine ayak uydurmaya gayret göstermektedir. Şuan ki durumu eğitim ve öğretim hayatına yurt dışında lisans olarak devam etmektedir.
Yorum Yaz

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

Yukarı Git