Mega Code Archive

 
Categories / JavaScript Tutorial / Form
 

Text

Instances are created by the browser when it encounters an HTML tag with the TYPE attribute set to text. Event Handlers/Methods/PropertiesDescription onBlurCalled when the text box loses the focus. onChangeCalled when the text box loses the focus and has had its value modified. onFocuswhen the text box receives the focus. onSelectwhen a user selects some of the text within the text box. blur()Removes the focus from the text box. focus()Gives the focus to the text box. handleEvent()Invokes the handler for the event specified and was added in JavaScript 1.2. select()Selects the text in the text box. defaultValueReturns the value of this text box specified by the VALUE attribute. Note that this property is not supported by the Opera browsers. formReturns the entire form the text box is in. nameReturns the name of this text box specified by the NAME attribute. typeReturns the type of this text box specified by the TYPE attribute. valueReturns the value that is actually displayed in the text box. <html>     <head>     <script language="JavaScript">     <!--     function openWin(){       var myInstance = document.myForm.myText;       var myWin = open("", "","width=450,height=200");       myWin.document.write("The defaultValue is: " + myInstance.defaultValue);       myWin.document.write("<br>");       myWin.document.write("The name is: " + myInstance.name + "<br>");       myWin.document.write("The type is: " + myInstance.type + "<br>");       myWin.document.write("The value is: " + myInstance.value + "<br>");       myWin.document.write(myInstance.form.myButton.value);       myWin.document.close();     }     -->     </script>     </head>     <body>     <form name="myForm">       <input type=TEXT value="hello world" name="myText">       <input type=BUTTON value="Click to Process" name="myButton" onClick="openWin()">     </form>     </body>     </html>