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 type
aş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 |