HTML DOM Input Text blur() Method

HTML DOM Input Text focus() Method

Last Updated : 31 Aug, 2022

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 focus() method in HTML DOM.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML DOM Input Text focus() Method
    </title>
</head>

<body style="text-align:center;">
    <h1 style="color:green">
        GeeksforGeeks
    </h1>

    <strong>DOM Input Text focus() method</strong>
    
    <form id="myForm">
        <input type="text" id="text_id" name="userinput">
    </form>
    <br>
    <button onclick="myfocus()">Get Focus!</button>

    <!-- script to get focus to the text field-->
    <script>
        function myfocus() {
            var txt = document.getElementById("text_id").focus();
        }
    </script>
</body>

</html>

Output:

HTML DOM Input Text focus() Method

Supported Browsers:

Google Chrome 1
Mozilla Firefox 1
Edge 12
Opera
Safari 1

HTML DOM Input Text blur() Method

M

manaschhabra2

Improve

Article Tags :

Similar Reads

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 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 Search focus() Method

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

HTML DOM Input Text blur() Method

The Input Text blur() method in HTML DOM is used to pull or remove focus from the text field when the event occurs. Syntax: textObject.blur() 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 i

HTML DOM Input Text select() Method

The DOM Input select() method selects all the text content of a textarea or an input element that contains the text field. Syntax: element.select(); Parameters: This method does not accept any parameters. Example: This example selects the content of the input text field. HTML <!DOCTYPE html>

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: HTML <!D

HTML DOM Input Tel blur() Method

The input Tel blur() method in HTML DOM is used to pull or remove focus from the tel field when the event occurs. Syntax: telObject.blur() 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 inpu

HTML | DOM Input Text form Property

The DOM Input Text form Property in HTML DOM is used to return the reference of form containing the input Text field. It is a read-only property that returns the form object on success. Syntax: textObject.form Return Values: It returns a string value which specify the reference of the form containin

HTML DOM hasFocus() Method

In HTML document, the document.hasfocus() the method is used for indicating whether an element or document has the focus or not. The function returns a true value if the element is focused otherwise false is returned. This method can be used to determine whether the active element is currently in fo

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