http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FForm_Control%2FForm
JavaScript DHTML/Form Control/Form - История изменений
2026-04-04T11:33:16Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/Form&diff=2514&oldid=prev
в 09:59, 26 мая 2010
2010-05-26T09:59:59Z
<p></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;">Версия 09:59, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/Form&diff=2515&oldid=prev
Admin: 1 версия
2010-05-26T07:21:54Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Add event listener to elements in a form==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title></title><br />
<script type="text/javascript"><br />
function writeX(evnt) {<br />
document.write("Capturing" + evnt.target + " " + evnt.currentTarget);<br />
return true;<br />
}<br />
function setup(evnt) {<br />
document.addEventListener("click",writeX,true);<br />
document.forms[0].addEventListener("click",writeX,true);<br />
document.forms[0].elements[0].addEventListener("click",writeX,true);<br />
}<br />
setup();<br />
</script><br />
<body><br />
<form><br />
<input type="submit" value="Submit" /><br><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Add event listener to form==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title></title><br />
<script type="text/javascript"><br />
function writeX(evnt) {<br />
document.write("Capturing" + evnt.target + " " + evnt.currentTarget);<br />
return true;<br />
}<br />
function setup(evnt) {<br />
document.addEventListener("click",writeX,true);<br />
document.forms[0].addEventListener("click",writeX,true);<br />
document.forms[0].elements[0].addEventListener("click",writeX,true);<br />
}<br />
setup();<br />
</script><br />
<body><br />
<form><br />
<input type="submit" value="Submit" /><br><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Form length==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<form name="form1" method="post" action=""><br />
<input type="text" name="textfield"><br />
</form><br />
<form name="form2" method="post" action=""><br />
<input type="button" value="Only a sample button" onclick="return false"> <br />
</form><br />
<form name="form3" method="post" action=""><br />
<input type="checkbox" name="checkbox" value="checkbox"><br />
</form><br />
<button onclick="function1()">Click here</button><br />
<script language="JavaScript"><br />
function function1() {<br />
var m = document.forms.length;<br />
alert("There are "+m+" forms in this document") <br />
} <br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Get input value from form control==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>Just Your Basic Form</title><br />
<script type = "text/javascript"><br />
function alertName() {<br />
var name = document.forms[0].nametext.value;<br />
if (name == "a") {<br />
document.write("a value");<br />
}<br />
else if (name == "b") {<br />
document.write("b value.");<br />
}<br />
else {<br />
document.write("else: " + name);<br />
}<br />
return true;<br />
}<br />
<br />
</script><br />
</head><br />
<body><br />
<form id="myform" action="#" onsubmit="return alertName();"><br />
<p>Username: <input id="nametext" name="username" type="text" /></p><br />
<p><input type="submit" /></p><br />
</form><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==On focus event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<BODY><br />
<A HREF="http://www.wbex.ru" onMouseOver="window.alert("over!");">wbex!</A> <br />
<P><br />
<FORM><br />
Phone Number: <INPUT type="text" size="25" onFocus="window.alert("on focus");"> <br />
<BR><br />
Name: <INPUT type="text" size="25" onBlur="window.alert("focus lost");"><br />
<BR><br />
E-mail Address: <INPUT type="text" size="25"><br />
<P><br />
<INPUT type="button" value="Click Here." onClick="window.alert("on click")";><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==On focus lost event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<BODY><br />
<A HREF="http://www.wbex.ru" onMouseOver="window.alert("over!");">wbex!</A> <br />
<P><br />
<FORM><br />
Phone Number: <INPUT type="text" size="25" onFocus="window.alert("on focus");"> <br />
<BR><br />
Name: <INPUT type="text" size="25" onBlur="window.alert("focus lost");"><br />
<BR><br />
E-mail Address: <INPUT type="text" size="25"><br />
<P><br />
<INPUT type="button" value="Click Here." onClick="window.alert("on click")";><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source></div>
Admin