HTML DOM Input URL focus() Method

HTML DOM Input Search focus() Method

Last Updated : 30 Aug, 2022

The Input Search focus() Method in HTML DOM is used to get focus to the Input search Field when an event occurs.

Syntax:

searchObject.focus();

Parameter: This method does not contain any parameter value.

Return Value: It does not return any value.

Example: The below example illustrates the use of the Input search focus() method in HTML DOM.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title> Input Search Focus() Method </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h3>Input Search Focus() Method</h3>
    <form id="myGeeks">
        <input type="Search"
               id="test"
               name="myGeeks"
               placeholder="Type to search.."
               value="GeeksforGeeks" autofocus>
    </form>
    <br><br>
    <button onclick="Focus()"> Get Focus </button>
    <script>
        function Focus() {
            var s = document.getElementById("test").focus();
        }
    </script>
</body>
</html>

Output:

Input Search focus() Method

Supported Browser:

Google Chrome 5 and above
Opera 10.6 and above
Microsoft Edge 12.0 and above
Safari 5 and above
Firefox 4 and above

HTML DOM Input URL focus() Method

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML DOM Input URL focus() Method

The Input URL focus() method in HTML DOM is used to get focus to the Input URL field when the event occurs. We can use this method for directing the focus of the user when an event occurs. Syntax: URLObject.focus() Parameters: This method does not contain any parameter values. Return Value: It does

HTML DOM Input Tel focus() Method

The input tel focus() method in HTML DOM is used to get focus to an input tel field when the event occurs. Syntax: telObject.focus() Parameters: This method does not accept any parameter values. Return Value: This method does not return any values. Example: Below HTML code illustrates the use of the

HTML DOM Input Text focus() Method

The Input Text focus() method in HTML DOM is used to get focus to the text field when the event occurs. Syntax: textObject.focus() Parameters: This method does not contain any parameter values. Return Value: It does not return any value. Example: Below program illustrates the use of the input text f

HTML DOM Input Search blur() Method

The Input Search blur() method in HTML DOM is used to extract or remove focus from the search field when the event occurs. Syntax: searchObject.blur()Parameters: This method does not contain any parameter values. Return Value: It does not return any value. Example: Below program illustrates the use

HTML DOM Input Search select() Method

The Input Search select() Method in HTML DOM is used to select the content of the Input search text field. It is the predefined method of the Search object. Syntax: searchObject.select()Parameters: It does not accept any parameter.Return Value: It does not return any value. Example: This example use

HTML | DOM Input Search form Property

The DOM Input Search form Property in HTML DOM is used for returning the reference of the form containing the input search field. It is read-only Property that returns a form object on success. Syntax: searchObject.form Return Values: It returns a string value which specify the reference of the form

HTML DOM Input Search Object

The Input Search object is used for representing an HTML <input> element of the type="search". The Input Search Object is new in HTML5.Â Syntax: For creating a <input> element with the type ="search":let input_field = document.createElement("input");input_field.setAttribute("type", "sear

HTML DOM focus() Method

DOM focus() method is used to give focus to an element and also to remove the focus with the help of blur() method. We can apply focus to any element and enable it by doing some operation. For example, we can give focus to some text by clicking a button. Syntax: Object.focus() Example-1: C/C++ Code

HTML DOM Input Tel select() Method

The input tel select() method in HTML DOM is used to select the contents of the input tel field. It is an in-built method of the input tel object. Syntax: telObject.select() Parameters: This method does not accept any parameters. Return Value: This method does not return any value. Example: Below HT

HTML DOM Input URL select() Method

The HTML <input type=â€urlâ€> is used to define a field that entered a URL. This input value is automatically validated before submitting the form. The input URL select() method in HTML DOM is used to select the content of a URL text field. It is an in-built method of input URL Object. Refer to