TextField requests focus : Text TextField « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. Text TextField
<html>
<head>
<title>Set Form focus</title>
<script type="text/javascript" language="javascript">
<!-- //
function SetFocus(){
    document.SimpleForm.FirstInput.focus();
}

function FindMaxAndMin(){
        SetFocus();
}

// -->
</script>
</head>
<body onload="SetFocus()">
<form name="SimpleForm">
<table>
<tr>
 <td width="25%" align="right">Enter first number:</td>
 <td><input name="FirstInput" type="text"></td>
</tr>
<tr>
 <td width="25%" align="right">Enter second number:</td>
 <td><input name="SecondInput" type="text"></td>
</tr>
<tr>
 <td width="25%" align="right">Enter third number:</td>
 <td><input name="ThirdInput" type="text"></td>
</tr>
<tr>
 <td width="25%" align="right">&nbsp;</td>
 <td><button type="Button" onclick="FindMaxAndMin()">
Click to calculate</button></td>
</tr>
</table>
</form>
</body>
</html>








10.15.Text TextField
10.15.1.Retrieving Text in form button action
10.15.2.Displaying the value entered in a text field
10.15.3.TextField requests focus
10.15.4.onFocus event handler
10.15.5.Capture key event in a textfield
10.15.6.TextField onblur action event
10.15.7.TextArea onmouseup action event
10.15.8.Refresh the TextField box automatically
10.15.9.Compare the value in text field
10.15.10.Select all text in a TextBox
10.15.11.Text Input Events
10.15.12.Compare the value in TextField
10.15.13.Getting and Setting a Text Object's value Property
10.15.14.Resetting a Text Object to Default Value