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

在 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 属性,但它们的值不一定相同。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,261评论 3 17
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,963评论 2 17
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,823评论 0 8
  • 我们,走着或停着··· 时间将脆弱的昨天定格成了两半,一半随着日记一起尘封,一半紧紧地尾随着朝阳其后..... 一...
    闲若无阅读 317评论 0 0
  • 文/静静...
    unique_安静阅读 1,395评论 6 35