HTML türü Özellik


Tanım ve Kullanım

<button>Öğeler için nitelik type, düğmenin türünü belirtir.

<input>Öğeler için öznitelik type, görüntülenecek <input> öğesinin türünü belirtir.

, <embed>, <link>, <object>, ve öğeleri için öznitelik, İnternet medya türünü (önceden MIME türü olarak biliniyordu) belirtir <script>.<source> <style>type


Şunlar için geçerlidir:

Nitelik typeaşağıdaki öğelerde kullanılabilir:

Elementler Bağlanmak
<a> tip
<düğme> tip
<gömülü> tip
<giriş> tip
<bağ> tip
<menü> tip
<nesne> tip
<script> tip
<kaynak> tip
<stil> tip

Örnekler

Düğme Örneği

Bir gönderme düğmesi ve bir sıfırlama düğmesi (bir formda) olarak işlev gören iki düğme öğesi:

<form action="/action_page.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit" value="Submit">Submit</button>
  <button type="reset" value="Reset">Reset</button>
</form>

Gömme Örneği

Belirli bir ortam türüne sahip gömülü bir flash animasyonu:

<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">

Giriş Örneği

İki farklı giriş tipine sahip bir HTML formu; metin ve gönderin:

<form action="/action_page.php">
  Username: <input type="text" name="usrname"><br>
  <input type="submit" value="Submit">
</form>

Bağlantı Örneği

Aşağıdaki örnekte type özelliği, bağlantılı belgenin harici bir stil sayfası olduğunu belirtir:

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>

Nesne Örneği

Belirtilen ortam türüne sahip bir <object> öğesi:

<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>

Komut Dosyası Örneği

Belirtilen tür özniteliğine sahip bir komut dosyası:

<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Kaynak Örneği

type niteliğinin kullanımı:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Stil Örneği

<style> etiketinin ortam türünü belirtmek için type niteliğini kullanın:

<style type="text/css">
h1 {color:red;}
p {color:blue;}

</style>

Tarayıcı Desteği

Nitelik type, her öğe için aşağıdaki tarayıcı desteğine sahiptir:

Element
button Yes Yes Yes Yes Yes
embed Yes Yes Yes Yes Yes
input Yes Yes Yes Yes Yes
link Yes Yes Yes Yes Yes
object Yes Yes Yes Yes Yes
script Yes Yes Yes Yes Yes
source 4.0 9.0 3.5 4.0 10.5
style Yes Yes Yes Yes Yes