Open In App

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy

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




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Text blur() Method
    </title>
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green">GeeksforGeeks</h1>
 
    <strong>DOM Input Text blur() method</strong>
    <form id="myForm">
       <input type="text" id="text_id"
              name="userinput" autofocus>
    </form>
    <br>
    <button onclick="myblur()">Get Focus!</button>
     
    <!-- script to remove focus to the text field-->
    <script>
        function myblur() {
            var txt = document.getElementById("text_id").blur();
        }
    </script>
</body>
</html>                    





                        







Output 
Supported Browsers:
	

        Article Tags : 
        

            HTML
Web Technologies        


		
	

	


      

      

          
Recommended Articles

      

      

          
          
1. HTML DOM Input Search blur() Method

          
2. HTML DOM Input URL blur() Method

          
3. HTML DOM Input Tel blur() Method

          
4. HTML DOM blur() Method

          
5. How to Create Loading Blur Text Animation Effect using HTML and CSS ?

          
6. HTML DOM Input Text select() Method

          
7. HTML DOM Input Text focus() Method

          
8. How to select all text in HTML text input when clicked using JavaScript?

          
9. HTML | DOM Input Text Object

          
10. HTML | DOM Input Text value Property

          
11. HTML | DOM Input Text size Property

          
12. HTML | DOM Input Text placeholder Property

          
13. HTML | DOM Input Text readOnly Property

          
14. HTML | DOM Input Text pattern Property

          
15. HTML | DOM Input Text required Property

          
16. HTML DOM Input Text defaultValue Property

          
17. HTML | DOM Input Text name Property

          
18. HTML | DOM Input Text maxLength Property

          
19. HTML | DOM Input Text form Property

          
20. HTML | DOM Input Text disabled Property

          
21. HTML | DOM Input Text autofocus Property

          
22. HTML | DOM Input Text autocomplete Property

          
23. HTML DOM Input Text minLength Property

          
24. HTML DOM Input Text list Property

          
25. HTML DOM Input Text type Property