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;
Yorum Yaz

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

Yukarı Git