js提交form表单

【背景】
    前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知识O(∩_∩)O~
【概念】
    表单在网页中主要负责数据采集功能;一个表单偶三个基本组成部分：
      表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
      表单域：包含了文本框、密码框、隐藏域、多行文本、复选框、单选框、下拉选择框和文件上传框等。
      表单按钮：提交按钮、复位按钮和一般按钮
    这里先大致了解一下这些内容，具体位置以及代码中的描述我们将在最后扩展中提及哦O(∩_∩)O~
【实例】

    下面为我做的一个小demo,其中包括了submit提交实现方法和按钮调用js方法来实现(建议读者将这些代码自己亲手执行一下体验其中的美好O(∩_∩)O~)

    注:form表单中的name最好别用submit来命名,避免和浏览器冲突

-

  
    
    
  
  
  
	
   

	  

	  

	  

	  
	  

		
		
		
		
	  
	
	
  

-

    效果:将代码放到一个txt文本中,将文件后缀改为html,用浏览器打开将出现下图效果,当单击对应按钮的时候都会有提示框弹出,证明表单提交成功。

【扩展】
    1、表单组成成分解释,如下图

    2、表单属性、方法事件和功能介绍，如下图

    3、获取表单方法
访问表单:
Document.表单的name
Document.forms[下标],或者document.forms['表单的name']
取表单中的元素
Document.表单的name.元素name 或者 document.forms[0].元素name
通过elements数组取
Document.表单的name.elements[0]  或者  document.forms[0],elements[0]
      效果图如下(以上面实例中heml中的form表单为例):如果想详细了解下面效果的实现请单击此链接: 浏览器中调试web

【收获】
    之前总将form表单和添加内容弹出框搞混，总觉得弹出一个添加框里面有一些元素，就属于form表单呢，结果到今天才解开以前的那个谜语，另外还是实践出真理啊，实践过后，看到明显的效果，不由的让小编笑了，这也许就是编程的乐趣吧O(∩_∩)O~
    愿读者以及自己能够在编程之路上开怀大笑O(∩_∩)O~