http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FForm%2FText_Object
JavaScript Tutorial/Form/Text Object - История изменений
2026-04-04T15:09:31Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Text_Object&diff=9117&oldid=prev
Admin: 1 версия
2010-05-26T08:24:48Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Text_Object&diff=9116&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Text==<br />
<br />
<p>Instances are created by the browser when it encounters an HTML <input> tag with the TYPE attribute set to text.</p><br />
Event Handlers/Methods/Properties<br />
Description<br />
onBlur<br />
Called when the text box loses the focus.<br />
onChange<br />
Called when the text box loses the focus and has had its value modified.<br />
onFocus<br />
when the text box receives the focus.<br />
onSelect<br />
when a user selects some of the text within the text box.<br />
blur()<br />
Removes the focus from the text box.<br />
focus()<br />
Gives the focus to the text box.<br />
handleEvent()<br />
Invokes the handler for the event specified and was added in JavaScript 1.2.<br />
select()<br />
Selects the text in the text box.<br />
defaultValue<br />
Returns the value of this text box specified by the VALUE attribute. Note that this property is not supported by the Opera browsers.<br />
form<br />
Returns the entire form the text box is in.<br />
name<br />
Returns the name of this text box specified by the NAME attribute.<br />
type<br />
Returns the type of this text box specified by the TYPE attribute.<br />
value<br />
Returns the value that is actually displayed in the text box.<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function openWin(){<br />
var myInstance = document.myForm.myText;<br />
var myWin = open("", "","width=450,height=200");<br />
myWin.document.write("The defaultValue is: " + myInstance.defaultValue);<br />
myWin.document.write("<br>");<br />
myWin.document.write("The name is: " + myInstance.name + "<br>");<br />
myWin.document.write("The type is: " + myInstance.type + "<br>");<br />
myWin.document.write("The value is: " + myInstance.value + "<br>");<br />
myWin.document.write(myInstance.form.myButton.value);<br />
myWin.document.close();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="hello world" name="myText"><br />
<input type=BUTTON value="Click to Process" name="myButton" onClick="openWin()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.blur()==<br />
<br />
<p>The blur() method removes focus from the text box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function removeFocus(){<br />
document.myForm.myText.blur();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<b>Highlight some of the text in the following text box:</b><br />
<P><br />
<form name="myForm"><br />
<input type=TEXT value="hello world" name="myText"><br />
<input type=BUTTON value="Click to Remove Focus" name="myButton"<br />
onClick="removeFocus()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.defaultValue==<br />
<br />
<p>The defaultValue property contains the default value specified by the VALUE attribute of the <input> tag. This property is often used to reset forms to their default values.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function resetForm(){<br />
document.myForm.myText.value = document.myForm.myText.defaultValue;<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<b>Edit the text in the following text box:</b><br />
<P><br />
<form name="myForm"><br />
<input type=TEXT value="hello world" name="myText"><br />
<input type=BUTTON value="Click to Reset" name="myButton"<br />
onClick="resetForm()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.focus()==<br />
<br />
<p>The focus() method gives focus to the text box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function setFocus(num){<br />
if(num == 1){<br />
document.myForm.myText1.focus();<br />
}else if(num == 2){<br />
document.myForm.myText2.focus();<br />
}<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<P><br />
<form name="myForm"><br />
<input type=TEXT value="Textbox 1" name="myText1"><br />
<input type=BUTTON value="Click to Set Cursor" name="myButton1"<br />
onClick="setFocus(1)"><br />
<br><br />
<input type=TEXT value="Textbox 2" name="myText2"><br />
<input type=BUTTON value="Click to Set Cursor" name="myButton2"<br />
onClick="setFocus(2)"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.form==<br />
<br />
<p>The form property holds all the data of the form in which the text box is contained.</p><br />
<p>This allows a developer to obtain specific information about the form in which the text box is located.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function openWin(){<br />
var formData = document.myForm.myText.form;<br />
var myWin = open("", "","width=450,height=200");<br />
myWin.document.write("The name of the form is: " + formData.name + "<br>");<br />
myWin.document.write(formData.myText.value + "<br>");<br />
myWin.document.write(formData.elements[1].name + "<br>");<br />
myWin.document.close();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="hello world" name="myText"><br />
<input type=BUTTON value="Click to Process" name="myButton"<br />
onClick="openWin()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.name==<br />
<br />
<p>The name property returns the name of the text box.</p><br />
<p>This property is often accessed via the elements array of a Form object and used to return the name of the text area.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function getName(){<br />
alert("The name of this text box is " + document.myForm.elements[0].name);<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText"><br />
<input type=BUTTON value="Get Name" name="myButton" onClick="getName()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.onBlur==<br />
<br />
<p>The onBlur event handler is fired when the focus is moved away from that particular text box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
var counter = 0;<br />
function comeBack(){<br />
document.myForm.myText1.focus();<br />
document.myForm.counter.value = counter++;<br />
}<br />
--><br />
</script><br />
</head><br />
<body onLoad="comeBack()"><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText1" onBlur="comeBack()"><br />
<input type=TEXT value="Second Box" name="myText2"><br><br />
<input type=TEXT size=2 value="" name="counter"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.onFocus==<br />
<br />
<p>The onFocus event handler is fired when focus is made on that particular text box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
var counter = 0;<br />
function sendAway(){<br />
document.myForm.myText2.focus();<br />
document.myForm.counter.value = counter++;<br />
}<br />
--><br />
</script><br />
</head><br />
<body onLoad="sendAway()"><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText1" onFocus="sendAway()"><br />
<input type=TEXT value="Second Box" name="myText2"><br><br />
<input type=TEXT size=2 value="" name="counter"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.onSelect==<br />
<br />
<p>The onSelect event handler is fired when the text in the box is highlighted.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function setText(){<br />
document.myForm.myText2.value = document.myForm.myText1.defaultValue;<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="Change Me?" name="myText1" onSelect="setText()"><br />
<br><br />
<input type=TEXT value="" name="myText2"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.select()==<br />
<br />
<p>The select() method selects the text in the text box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function selectText(){<br />
document.myForm.myText.select();<br />
document.myForm.myText.focus();<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="hello world" name="myText"><br />
<input type=BUTTON value="Click to Select Text" name="myButton" onClick="selectText()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.type==<br />
<br />
<p>The type property returns the type of the text box. This always returns text.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript1.1"><br />
<!--<br />
function getType(){<br />
alert("The name of this text box is " + document.myForm.elements[0].type);<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText"><br />
<input type=BUTTON value="Get Type" name="myButton" onClick="getType()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Text.value==<br />
<br />
<p>The value property returns the current value of the text box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function resetText(){<br />
document.myForm.myText.value = document.myForm.myText.defaultValue;<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<form name="myForm"><br />
<input type=TEXT value="First Box" name="myText"><br />
<input type=BUTTON value="Reset" name="myButton" onClick="resetText()"><br />
</form><br />
</body><br />
</html></source></div>