Form对象，表单的笔记

最新推荐文章于 2024-06-30 21:39:48 发布

Spotlight_mar

最新推荐文章于 2024-06-30 21:39:48 发布

阅读量385

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Spotlight_mar/article/details/53467468

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<html>
<body>

<form id="myForm" name="example">
Firstname: <input id="fname" type="text" value="Mickey" />
Lastname: <input id="lname" type="text" value="Mouse" />
<input id="sub" type="button" value="Submit" name="subButton"/>
</form>

<script type="text/javascript">

var x=document.getElementById("myForm");

</script>
</p>

</body>
</html>

一.获取表单的方法：

（1）var x=document.getElementById("myForm"); //通过id
（2）var x=document.forms[0] //通过forms数组
（3）var x=document.forms["myForm"] //通过与id相同的属性名
（4）var x=document.forms["example"] //通过与name相同的属性名
（5）var x=document.forms.myForm //通过与id相同的属性名
（6）var x=document.forms.example //通过与name相同的属性名

注释：不止是表单form，包括表单元素（如input标签），如果具有名字（即id或name属性），那么该元素的id或name值同时也作为属性名存在，可以通过方法3.4.5.6获得。
友情链接：方括号[]和点.获取属性的区别:http://blog.csdn.net/spotlight_mar/article/details/53466410

二.获取表单元素的方法：

（1）var y=x.elements[2] //通过数组
（2）var y=x.elements["sub"] //通过与id相同的属性名
（3）var y=x.elements["subButton"] //通过与name相同的属性名
（4）var y=x.elements.sub //通过与id相同的属性名
（5）var y=x.elements.subButton //通过与name相同的属性名

注释：elements 集合包含了表单中所有元素的数组

Spotlight_mar

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Form对象，表单的笔记

<html><body><form id="myForm" name="example">Firstname: <input id="fname" type="text" value="Mickey" />Lastname: <input id="lname" type="text" value="Mouse" /><input id="sub" type="button" value="S
复制链接

扫一扫