http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FForm%2FPassword
JavaScript Tutorial/Form/Password - История изменений
2026-04-04T08:02:44Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Password&diff=9107&oldid=prev
Admin: 1 версия
2010-05-26T08:24:47Z
<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/Password&diff=9106&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Compare value in the password fields==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<head><br />
<title>Password</title><br />
<script><br />
function checkPass(){<br />
var guess = document.myForm.pwdGuess.value;<br />
var secret = document.myForm.hdnSecret.value;<br />
if (guess == secret){<br />
document.myForm.txtOutput.value = "You may proceed.";<br />
} else {<br />
document.myForm.txtOutput.value = "That is incorrect.";<br />
}<br />
}<br />
</script><br />
</head><br />
<body><br />
<center><br />
<h1>Password<hr></h1><br />
<form name = "myForm"><br />
<table><br />
<tr><br />
<td>Please enter password</td><br />
<td><input type = "password"<br />
name = "pwdGuess"><br />
</tr><br />
<tr><br />
<td colspan = 2><center><br />
<input type = "button"<br />
value = "click me"<br />
onClick = "checkPass()"></center><br />
</td><br />
</tr><br />
<tr><br />
<td colspan = 2><br />
<center><br />
<textArea name = "txtOutput"<br />
rows = 1<br />
cols = 35><br />
</textarea><br />
</center><br />
</td><br />
</tr><br />
</table><br />
<input type = "hidden"<br />
name = "hdnSecret"<br />
value = "JavaScript"><br />
</form><br />
<hr><br />
</center><br />
</body></source><br />
<br />
<br />
<br />
== Password==<br />
<br />
<p>The Password object refers to the HTML element created with the <input> tag setting the type to specify password.</p><br />
<p>Instead of displaying the input in cleartext, input is displayed using the * symbol.</p><br />
Property/Method<br />
Description<br />
blur()<br />
Removes focus from the password box<br />
defaultValue<br />
Refers to the VALUE attribute of the HTML password box<br />
focus()<br />
Sets focus to the password box<br />
form<br />
Refers to the form that contains the password box<br />
handleEvent()<br />
Invokes the event handler<br />
name<br />
Refers to the NAME attribute of the HTML password box<br />
onBlur<br />
Event handler used when the focus is removed from the password box<br />
onFocus<br />
Event handler used when the focus is put on the password box<br />
select()<br />
Selects the text entered in the password box<br />
type<br />
Refers to the TYPE attribute of the HTML password box<br />
value<br />
Refers to the current contents of the password box<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Creating a password object</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="BUTTON" value="Show Password" onClick=alert(document.form1.pass.value)><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.blur()==<br />
<br />
<p>The blur method removes the focus from the password box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the blur method of the password object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function shift(){<br />
document.form1.pass.blur();<br />
document.form1.txt.value="Get Focus";<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="Text" name="txt" size=10><br />
<br><br />
<input type="BUTTON" value="Show Password" onClick=shift()><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.defaultValue==<br />
<br />
<p>The defaultValue gets the HTML VALUE attribute of the password box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password defaultValue property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10 value="pass123"><br />
<br><br />
<input type="BUTTON" value="Show Password" onClick=alert(document.form1.pass.defaultValue)><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.focus()==<br />
<br />
<p>The focus() method sets the focus to the password box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password focus method</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="BUTTON" value="Show Password" onClick=document.form1.pass.focus()><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.form==<br />
<br />
<p>The form property accesses the Form object in which the password box resides.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password form property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="BUTTON" value="Show Formname" onClick=alert(document.form1.pass.form.name)><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.handleEvent()==<br />
<br />
<p>Syntax</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
password.handleEvent(event)</source><br />
<br />
<br />
<br />
== Password.name==<br />
<br />
<p>The name property gets the HTML NAME attribute of the password box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password name property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="BUTTON" value="Show Formname" onClick=alert(document.form1.pass.name)><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.onBlur==<br />
<br />
<p>The onBlur event handler handles the event that occurs when the focus is removed from the password box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password onBlur event handler</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function setTxt(){<br />
alert("setup");<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10 onBlur=setTxt()><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.onFocus==<br />
<br />
<p>The onFocus event handler handles the Focus event for the password box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password onFocus event handler</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function set(){<br />
alert("123");<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10 onFocus=set()><br />
<br><br />
<input type="BUTTON" value="Show Formname" ><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.select()==<br />
<br />
<p>The select() method selects the value entered into the password box.</p><br />
<p>The selected value is highlighted.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password select method</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="BUTTON" value="Select Password" ?onClick=document.form1.pass.select()><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.type==<br />
<br />
<p>The type property gets the HTML TYPE attribute associated with the password box.</p><br />
<p>For the Password object, this value is always password.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password type property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="BUTTON" value="Get Type" onClick=alert(document.form1.pass.type)><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Password.value==<br />
<br />
<p>The value property gets the value entered in the password box.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the password value property</title><br />
</head><br />
<body><br />
<form name="form1"><br />
<input type="PASSWORD" Name="pass" size=10><br />
<br><br />
<input type="BUTTON" value="Get Value" onClick=alert(document.form1.pass.value)><br />
</form><br />
</body><br />
</html></source></div>