Đối tượng Kbd trong HTML DOM

Đối tượng Kbd trong HTML DOM đại diện cho một phần tử nội tuyến (inline element) hiển thị font đơn cách (monospace) theo mặc định.

Cú pháp

Tạo một phần tử <Kbd>:

var kbdObject = document.createElement("KBD")

Ví dụ

Ví dụ minh họa phần tử đối tượng Kbd:

<!DOCTYPE html> <html> <head> <title>Kbd Object</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Kbd Object</legend> <label for="textSelect">Đầu vào bàn phím: </label> <input id="textSelect" type="text" placeholder="John Doe"> <input type="button" onclick="convertKBD()" value="Kiểm tra"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var textSelect = document.getElementById("textSelect"); function convertKBD() { var kbdObject = document.createElement("KBD"); var kbdText = document.createTextNode(textSelect.value); kbdObject.appendChild(kbdText); divDisplay.appendChild(kbdObject); } </script> </body> </html>

Kết quả

Trước khi nhấn nút 'Kiểm tra':

Sau khi nhấn nút 'Kiểm tra':