Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLで要素のタブ順序を作成するにはどうすればよいですか？

tabindexを使用する 要素のタブ順序を設定するHTMLの属性。キーボードでのTABの使用順序を変更する権限が与えられます。

例

次のコードを実行して、HTMLの要素のタブ順序を作成することができます-

<!DOCTYPE html>
<html>
   <body>
      <a href="https://www.tutorialspoint.com/current_affairs/index.htm" tabindex="1">Current Affairs</a><br>
      <a href="https://www.tutorialspoint.com/codingground.htm" tabindex="2">Coding Ground</a><br>
      <a href="https://www.tutorialspoint.com/verbal_ability/index.htm" tabindex="4">Verbal Ability</a><br>
      <a href="https://www.tutorialspoint.com/quantitative_aptitude/index.htm" tabindex="3">Quantitative Aptitude</a><br>
     
      <p>We have changed the tab order above. Use TAB on keyboard to view the changes.</p>
   </body>
</html>

  1. HTMLのリンクのターゲットを変更するにはどうすればよいですか？

    HTMLのリンクのターゲットを変更するには、…タグのターゲット属性を使用します。 target属性を使用して、新しいタブや同じタブなどで任意のリンクを開くことができます。 ターゲット属性の値は次のとおりです： 属性 説明 _ blank リンクされたページを新しいタブで開きます。 自己 現在のタブでリンクされたページを開きます。 親 リンクされたページを親フレームで開きます。 トップ リンクされたページを一番上のフレームで開きます。 例 次のコードを実行して、HTMLのリンクのターゲットを変更することができます。新しいタブで開くように設定します <

  2. HTMLで要素の値を追加するにはどうすればよいですか？

    値を使用 HTMLの要素の値を追加する属性。次の要素で動作します-、、、、、、。 例 次のコードを実行して、 valueを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <head>          <title>HTML value attribute</title>       </head>   &nbs