表单对象Form的基础知识

更新时间:2019-09-08 15:09:36 来源:未知 作者:admin
  要实现动态交互,必须掌握有关Javascript表单对象(Form)和框架对象(Frames)更为复杂的知识。表单对象可以使设计人员能用表单中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为。以下是青锋建站给大家分享的Javascript表单对象基础知识。

1、什么是Javascript表单对象

  表单(Form):它构成了Web页面的基本元素。通常一个Web页面有一个表单或几个表单,使用Forms[]数组来实现不同表单的访问。
<form Name=Form1>
<INPUT type=text...>
<Input type=text...>
<Inpup byne=text...>
</form>
<form Name=Form2>
<INPUT type=text...>
<Input type=text...>
</form>
在Forms[0]中共有三个基本元素,而Forms[1]中只有两个元素。
  表单对象最主要的功能就是能够直接访问HTML文档中的表单,它封装了相关的HTML代码:
<Form
Name ="表的名称"
Target ="指定信息的提交表单"
action ="接收表单程序对应的URL"
Method =信息数据传送方式(get/post)
enctype ="表单编码方式"
[onsubmit ="JavaScript代码"]>
</Form>

2、Javascript表单对象的方法

  表单对象的方法只有一个--submit()方法,该方法主要功用就是实现表单信息的提交。如提交Mytest表单,则使用下列格式:
document.mytest.submit()

3、Javascript表单对象的属性

  表单对象中的属性主要包括以下:elements name action target encoding method.除Elements外,其它几个均反映了表单中标识中相应属性的状态,这通常是单个表单标识;而elements常常是多个表单元素值的数组,例:elements[0].Mytable.elements[1]

4、访问Javascript表单对象

JavaScript中访问表单对象可由两种方法实现:
(1)通过访问表单
在表单对象的属性中首先必须指定其表单名,而后就可以通过下列标识访问表单如:document.Mytable()。
(2)通过数组来访问表单
    除了使用表单名来访问表单外,还可以使用表单对象数组来访问表单对象。但需要注意一点,因表单对象是由浏览器环境的提供的,而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现表单对象的访问:
document.forms[0]
document.forms[1]
document.forms[2]...

5、引用Javascript表单的先决条件

  在JavaScript中要对表单引用的条件是:必须先在页面中用标识创建表单,并将定义表单部分放在引用之前。
  以上就是青锋建站给大家分享的Javascript表单对象基础知识。青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/jsform.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有