美文网首页前端精髓Web前端之路让前端飞
表单基础知识你必须知道的!

表单基础知识你必须知道的!

作者: 前端精髓 | 来源:发表于2017-06-20 23:06 被阅读86次

在 HTML 中,表单是由元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement  类型。 HTMLFormElement  继承了 HTMLElement ,因而与其他 HTML 元素具有相同的默认属性。不过, HTMLFormElement 也有它自己下列独有的属性和方法。


取得元素引用的方式有好几种。其中最常见的方式就是将它看成与其他元素一样,并为其添加 id 特性,然后再像下面这样使用 getElementById() 方法找到它。

var form = document.getElementById(“form1”);

其次,通过 document.forms 可以取得页面中所有的表单。在这个集合中,可以通过数值索引或name值来取得特定的表单,如下面的例子所示。

var firstForm = document.forms[0]; //取得页面中的第一个表单

var myForm = document.forms[“form2”]; //取得页面中名称为“form2”的表单

另外,在较早的浏览器或者那些支持向后兼容的浏览器中,也会把每个设置了 name特性的表单作为属性保存在 document 对象中。例如,通过 document.form2 可以访问到名为 “form2” 的表单。不过,我们不推荐使用这种方式:一是容易出错,二是将来的浏览器可能会不支持。

注意,可以同时为表单指定 id 和 name 属性,但它们的值不一定相同。

相关文章

网友评论

    本文标题:表单基础知识你必须知道的!

    本文链接:https://www.haomeiwen.com/subject/mfaaqxtx.html