Javascript DOM HTML Element focus() Method give focus to text field

Introduction

Give focus to a text field: 

document.getElementById("myText").focus();

Click the buttons to give focus and/or remove focus from the text field.

View in separate window 

<!DOCTYPE html>
<html>
<body>
<input type="text" id="myText" value="A text field">
<button type="button" onclick="getFocus()">Get focus</button>
<button type="button" onclick="loseFocus()">Lose focus</button>
<script>
function getFocus() {// w w w .  ja v a2  s .  com
  document.getElementById("myText").focus();
}

function loseFocus() {
  document.getElementById("myText").blur();
}
</script>

</body>
</html>



PreviousNext

Related