HTML DOM Input Search focus() Method

HTML DOM Input Search blur() Method

Last Updated : 25 Aug, 2022

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 of the input search blur() method in HTML DOM.

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        Input Search blur() Method 
    </title>
</head>
<body style="text-align:center">
    <h2 style="color:green">GeeksforGeeks</h2>
    <strong>Input Search blur() Method</strong>
    <form id="myGeeks">
        <input type="Search"
            id="test"
            name="myGeeks"
            placeholder="Type to search.."
            value="GeeksForGeeks"
            autofocus>
    </form>
    <br>
    <br>
    <button onclick="Blur()">
       clear Focus
    </button>
    <script>
        function Blur() {

            // remove focus from the Input Search field 
            var s = document.getElementById(
                "test").blur();
        }
    </script>
</body>
</html>

Output:

HTML DOM Input Search blur() Method

Supported Browsers:

Google Chrome 5 and above
Mozilla Firefox 4 and above
Edge 12 and above
Opera 10.6 and above
Safari 5 and above

HTML DOM Input Search focus() Method

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML DOM Input URL blur() Method

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

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 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 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 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 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 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

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 blur() Method

The DOM blur method is used to remove the keyboard focus from the current element and also give focus with the help of the focus() method. We can apply the blur to any element and enable it by doing some operations. For example, we can blur to text-box by clicking a button. Syntax: Object.blur() Exa

HTML | DOM Input Search disabled Property

The DOM Input Search disabled Property in HTML DOM is used to return a boolean value that represents that a search field should be disabled or not. Disabled elements are shown in gray by default and are unusable and un-clickable. Syntax: It returns the disabled property.searchObject.disabledIt is us