JavaScript方法和技巧大全——表单

表单构成

1<form method=”post” action=”target.html” name=”thisForm”>
2 <input type=”text” name=”myText”>
3 <select name=”mySelect”>
4 <option value=”1”>First Choice</option>
5 <option value=”2”>Second Choice</option>
6 </select>
7 <br>
8 <input type=”submit” value=”Submit Me”>
9</form>

访问表单中的文本框内容

1<form name=”myForm”>
2 <input type=”text” name=”myText”>
3 </form>
4<a href='#' onClick='window.alert(document.myForm.myText.value);'>Check Text Field</a>

动态复制文本框内容

1<form name=”myForm”>
2 Enter some Text: <input type=”text” name=”myText”><br>
3 Copy Text: <input type=”text” name=”copyText”>
4</form>
5 <a href=”#” onClick=”document.myForm.copyText.value =　document.myForm.myText.value;”>Copy Text Field</a>

侦测文本框的变化

1<form name=”myForm”>
2 Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value);”>
3</form>