Thuộc tính loại HTML


Định nghĩa và Cách sử dụng

Đối với <button>các phần tử, typethuộc tính chỉ định loại nút.

Đối với <input>các phần tử, typethuộc tính chỉ định loại phần tử <input> để hiển thị.

Đối với <embed>,, các phần tử, thuộc <link>tính chỉ định loại phương tiện Internet (trước đây gọi là loại MIME).<object> <script><source> <style>type


Áp dụng đối với

Thuộc typetính có thể được sử dụng trên các phần tử sau:

Các yếu tố Thuộc tính
<a> loại
<button> loại
<embed> loại
<input> loại
<liên kết> loại
<menu> loại
<đối tượng> loại
<script> loại
<nguồn> loại
<kiểu> loại

Các ví dụ

Ví dụ về nút

Hai phần tử nút hoạt động như một nút gửi và một nút đặt lại (trong một biểu mẫu):

<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>

Ví dụ nhúng

Hoạt ảnh flash được nhúng với loại phương tiện được chỉ định:

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

Ví dụ đầu vào

Một biểu mẫu HTML với hai kiểu đầu vào khác nhau; nhắn tin và gửi:

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

Ví dụ về liên kết

Trong ví dụ sau, thuộc tính type chỉ ra rằng tài liệu được liên kết là một biểu định kiểu bên ngoài:

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

Ví dụ về đối tượng

Phần tử <object> với loại phương tiện được chỉ định:

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

Ví dụ về tập lệnh

Một tập lệnh với thuộc tính type được chỉ định:

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

Ví dụ nguồn

Sử dụng thuộc tính type:

<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>

Ví dụ về phong cách

Sử dụng thuộc tính type để chỉ định loại phương tiện của thẻ <style>:

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

</style>

Hỗ trợ trình duyệt

Thuộc typetính này có hỗ trợ trình duyệt sau cho từng phần tử:

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