首页 > Web开发 > 详细

js高级程序设计 笔记 --- 表单

时间:2019-01-17 21:05:32      阅读:179      评论:0      收藏:0      [点我收藏+]

一,基础知识

  在html中,表单是form元素,而在js中,表单对应的是HTMLFormElement类型,继承自HTMLElement,其独特的属性和方法有(常见):

    action:接收请求的URL,

    elements: 表单中所有控件的集合

    length: 表单中控件的数量

    method: 发送的http请求的类型。

    name: 表单的名称。

    reset() : 重置所有表单域。

    submit() : 提交表单。

  1,提交表单

    input type=submit       button type=submit    input type=image    可以使用回车键来提交表单。

    也可以使用:  form.submit() 来以编程式来提交表单。

  2,重置表单

    使用type= reset的input或者button都可以创建重置按钮。也可以通过js来重置 form.reset()

  3,表单字段

    可以使用原生的DOM方法来访问表单元素。此外,每个表单都有elements属性。可以使用name特性来访问它们。

    表单字段共有的属性(除了fieldset元素)

      disabled form  name readOnly  tabIndex  type  value

    共有的表单字段方法:

      focus() 和 blur():

      可以使用autofocus属性来在页面打开时自动的聚焦如此。

  4,文本框脚本

    input type=text  和 textarea:  输入的内容都保存在value内。

    select事件:在选择了文本框中的文本时,就会触发select事件。

    

  5,自动切换焦点

       

    

  

    

js高级程序设计 笔记 --- 表单

原文:https://www.cnblogs.com/wjyz/p/10284315.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!