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

オートフォーカスHTML5属性の使用

HTML5では、オートフォーカスと呼ばれる新しい属性が導入されました。これは次のように使用されます。

<input type = "text" name = "search" autofocus/>

この属性は、Mozilla、Safari、およびChromeブラウザの最新バージョンでのみサポートされています。

例

次のコードを実行して、オートフォーカス属性の操作方法を学ぶことができます。

<!DOCTYPE HTML>
<html>
   <body>
      <form action = "/cgi-bin/html5.cgi" method = "get">
         Enter email : <input type = "text" name = "newinput" autofocus/>
         <p>Try to submit using Submit button</p>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html>

  1. HTML<ボタン>オートフォーカス属性

    要素のautofocus属性は、ページが読み込まれるたびにボタンにフォーカスを設定するために使用されます。 以下は構文です- <button type="button" autofocus> 上記では、オートフォーカスをボタンに設定しました。 要素-のオートフォーカス属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body>    <h2>Demo Heading</h2>    <p>This is a d

  2. HTMLDOM入力送信オートフォーカスプロパティ

    HTML DOM入力送信オートフォーカスプロパティは、HTML要素のオートフォーカス属性に関連付けられています。このプロパティは、ページが読み込まれたときに送信ボタンが自動的にフォーカスされるかどうかを設定または返すために使用されます。 構文 以下は、-の構文です。 オートフォーカスプロパティの設定- submitObject.autofocus = true|false ここで、trueは送信ボタンがフォーカスを取得する必要があることを表し、falseはそうでないことを表します。デフォルトではfalseに設定されています。 例 入力送信オートフォーカスプロパティの例を見てみましょう-