Resetting a Text Object to Default Value : Text TextField « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. Text TextField
<html> 

<head> 
<title>Text Object DefaultValue</title> 
<script type="text/javascript"> 
function upperMe(field) { 
    field.value = field.value.toUpperCase(); 
} 
function resetField(form) { 
    form.converter.value = form.converter.defaultValue; 
} 
</script> 
</head> 
<body> 

<form onsubmit="window.focus(); return false"> 
Lowercase letters:
<input type="text" id="convert" name="converter" value="sample" onchange="upperMe(this)" /> 
<input type="button" id="reset" value="Reset Field" onclick="resetField(this.form)" /> 
</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