แท็ก <kbd> ใน HTML

แท็ก <kbd> ใน HTML

แท็ก <kbd> ใช้สำหรับกำหนดการป้อนข้อมูลจากคีย์บอร์ด (keyboard input) ใช้เมื่อคุณต้องการให้ผู้ใช้พิมพ์บนคีย์บอร์ดของพวกเขา เช่น ปุ่มลัด Ctrl+C สำหรับคัดลอก Esc สำหรับออก ฯลฯ

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>ปุ่มลัด</h2>
  <p>ใช้ปุ่มลัดดังต่อไปนี้ - </p>
  <p><strong>Cut</strong> - <kbd>CTRL</kbd>+<kbd>X</kbd></p>
  <p><strong>Copy</strong> - <kbd>CTRL</kbd>+<kbd>C</kbd></p>
  <p><strong>Paste</strong> - <kbd>CTRL</kbd>+<kbd>V</kbd></p>
  <p><strong>Undo</strong> - <kbd>CTRL</kbd>+<kbd>Z</kbd></p>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่าปุ่มลัดบางส่วน:

<strong>Cut</strong> - <kbd>CTRL</kbd>+<kbd>X</kbd>

ปุ่มลัดถูกตั้งค่าโดยใช้องค์ประกอบ <kbd> เช่น CTRL + X:

<kbd>CTRL</kbd>+<kbd>X</kbd>