cari

Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menggunakan tag dalam HTML untuk pemformatan input papan kekunci?

Bagaimana untuk menggunakan tag dalam HTML untuk pemformatan input papan kekunci?

PHPz
PHPzke hadapan
2023-08-20 11:45:381270semak imbas

Bagaimana untuk menggunakan tag <kbd> dalam HTML untuk pemformatan input papan kekunci?

Kami menggunakan teg untuk mentakrifkan input papan kekunci yang digunakan untuk mengenal pasti teks yang mewakili input papan kekunci pengguna fon menggunakan helaian gaya.

Sintaks

<kbd> Keyboard text…

Contoh 1

Berikut ialah contoh menggunakan teg dalam HTML −

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p>
      Open a new file using the keyboard shortcut 
      <kbd>Ctrl</kbd> + <kbd>N</kbd>
   </p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>C </kdb>to copy text from the file.</p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>P </kdb>to paste text to the file.</p>
</body>
</html>
Terjemahan bahasa Cina bagi

Contoh 2

ialah:

Contoh 2

Teg ini boleh digunakan dalam dokumen HTML seperti yang ditunjukkan di bawah −

<html>
   <body>
      <p>Two special keys in keyboard are:<kbd>ctrl</kbd>, <kbd>alt</kbd>.</p>
   </body>
</html>

Contoh 3

Kami juga boleh menambah gaya untuk nilai papan kekunci dalam dokumen HTML. 

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
      kbd {
         border-radius: 2px;
         padding: 2px;
         border: 1px solid black;
      }
   </style>
</head>
<body>
   <p>
      Open a new file using the keyboard shortcut
      <kbd>Ctrl</kbd> + <kbd>N</kbd>
   </p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>C </kdb>to copy text from the file.</p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>P </kdb>to paste text to the file.</p>
</body>
</html>

Atas ialah kandungan terperinci Bagaimana untuk menggunakan tag dalam HTML untuk pemformatan input papan kekunci?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Bagaimana untuk membina komponen kad menggunakan Tailwind CSS?Artikel seterusnya：Bagaimana untuk membina komponen kad menggunakan Tailwind CSS?

Artikel berkaitan

Lihat lagi