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ử,
type
thuộc tính chỉ định loại nút.
Đối với <input>
các phần tử,
type
thuộc tính chỉ định loại phần tử <input> để hiển thị.
Đối với <embed>
,, và 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 type
tí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 type
tí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 |