http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FForm%2FReset
JavaScript Tutorial/Form/Reset - История изменений
2026-04-04T15:28:01Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Reset&diff=9121&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/Reset&diff=9120&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Reset==<br />
<br />
<p>The Reset object represents a Reset button within an HTML form.</p><br />
<p>The button is created using the HTML <input> tag and specifying the TYPE attribute as reset.</p><br />
<p>Reset buttons are used for form submissions.</p><br />
Property/Method<br />
Description<br />
blur()<br />
Removes focus from Reset button<br />
click()<br />
Simulates a mouse click on a Reset button<br />
focus()<br />
Sets the focus to the Reset button<br />
form<br />
Specifies the form name that contains the Reset button<br />
handleEvent()<br />
Invokes the event handler<br />
name<br />
HTML NAME attribute for the Reset button<br />
onBlur<br />
Event handler for Blur event<br />
onClick<br />
Event handler for Click event<br />
onFocus<br />
Event handler for Focus event<br />
type<br />
HTML TYPE attribute for the Reset button<br />
value<br />
HTML VALUE attribute for the Reset button<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset object</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Click the Reset button to reset the form.<br />
<br><br><br><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset><br />
<br><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.blur()==<br />
<br />
<p>The blur() method removes the focus from the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset blur method</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function showMsg(){<br />
alert("Focus removed from the Reset button.");<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br />
<input type="reset" name=resetbutton value=Reset onBlur="showMsg()"><br />
<br><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.click()==<br />
<br />
<p>The click method simulates a mouse click on the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset click method</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function clickReset(){<br />
document.form1.resetbutton.click();<br />
}<br />
function inform(){<br />
alert("The reset button was clicked");<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset onClick="inform()"><br />
<br><br />
<br><br />
<input type="button" value="Simulate Click" onClick="clickReset()"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.focus()==<br />
<br />
<p>The focus() method sets the focus to the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset focus method</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function focusReset(){<br />
document.form1.resetbutton.focus();<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset><br />
<br><br />
<br><br />
<input type="button" value="Set Focus to Reset" onClick="focusReset()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.form==<br />
<br />
<p>The form property obtains the name of the form that contains the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset form property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset<br />
onClick="alert("The form name is: " + document.form1.resetbutton.form.name)"><br />
<br><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.handleEvent()==<br />
<br />
<p>Syntax</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
reset.handleEvent(event)</source><br />
<br />
<br />
<br />
== Reset.name==<br />
<br />
<p>The name property represents the name given to a Reset button as specified from the NAME attribute of the HTML <input type="reset"> tag.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset name property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset<br />
onClick="alert("The reset button name is: " + ?document.form1.resetbutton.name)"><br />
<br><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.onBlur==<br />
<br />
<p>The onBlur event handler is an event handler that specifies when the focus has been removed from the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset onBlur event handler</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function setMsg(){<br />
alert("Focus was removed from the reset object");<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the reset button and then click in a text area.<br />
<br><br><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<input type="reset" name=resetbutton value=Reset onBlur="setMsg()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.onClick==<br />
<br />
<p>The onClick property is an event handler used to handle the event of a mouse click on the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset onClick event handler</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset<br />
onClick="alert("The reset button was clicked")"><br />
<br><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.onFocus==<br />
<br />
<p>The onFocus event handler is used to specify when the focus is set on the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset onFocus event handler</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function setMsg(){<br />
alert("Focus is set on the reset button.");<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the reset button.<br />
<br><br><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset onFocus="setMsg()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Resetting a form on page load==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>Resetting a form on page load</title><br />
<script type="text/javascript" language="javascript"><br />
<!-- //<br />
function ClearForm(){<br />
document.MyForm.reset();<br />
}<br />
// --><br />
</script><br />
</head><br />
<body onload="ClearForm()"><br />
<table><br />
<form name="MyForm" action="http://www.wbex.ru/" method="Post"><br />
<tr><br />
<td width="15%" align="right">First Name: </td><br />
<td> <input type="text" name="FirstName"/></td><br />
</tr><br />
<tr><br />
<td align="right">Last Name: </td><br />
<td> <input type="text" name="LastName"/></td><br />
</tr><br />
<tr><br />
<td align=""right">User Number: </td><br />
<td> <input type="text" name="UserNo"/></td><br />
</tr><br />
<tr><br />
<td>&nbsp;</td><br />
<td> <input type="submit" value="Submit Form"/></td><br />
</tr><br />
</table><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.type==<br />
<br />
<p>The type property represents the HTML TYPE attribute of the Reset button.</p><br />
<p>In the case of a Reset button, this will always be reset.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset type property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset<br />
onClick="alert("The button type is: " + document.form1.resetbutton.type)"><br />
<br><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Reset.value==<br />
<br />
<p>The value property represents the HTML VALUE attribute of the Reset button.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the reset value property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Enter Name: <input type="text" Name="name" Size=15><br />
<br><br />
Enter Phone: <input type="text" Name="phone" Size=10><br />
<br><br><br />
<input type="reset" name=resetbutton value=Reset<br />
onClick="alert("The button value is: " + document.form1.resetbutton.value)"><br />
<br><br />
<br><br />
</form><br />
</body><br />
</html></source></div>