• JavaScript表单处理


        JavaScript表单处理
         
        一.表单介绍
         
        属性或方法
         
        action 服务器能够处理的字符集
         
        length 表单中控件的数量
         
        name 表单的名称
         
        target 用于发送请求和接受响应的窗口名称
         
        reset() 将所有表单重置
         
        submit()  提交表单
     
        获取表单<form>对象的方法有很多种,如下:
         
        document.getElementById('myForm');            //使用ID获取<form>元素
         
        document.getElementsByTagName('form')[0];     //使用获取第一个元素方式获取
         
        document.forms[0];                            //使用forms的数字下标获取元素
         
        document.forms['yourForm'];                   //使用forms的名称下标获取元素
         
        document.yourForm;                            //使用name名称直接获取元素(不推荐)
     
         
        属性或方法
       
        name 指向当前字段所属表单的指针,只读

        type 当前字段的类型
         
        value  当前字段的值
         
         
         
        这些属性其实就是HTML表单里的属性,几个最常用的:
         
        fm.elements[0].value;                                   //获取和设置value
         
        fm.elements[0].form == fm;                              //查看当前字段所属表单
         
        fm.elements[0].disabled = true;                         //禁用当前字段
         
        fm.elements[0].type = 'checkbox';                       //修改字段类型,极不推荐!
          
        每个表单字段都有两个方法:foucs()和blur()。
         
        方法说明
         
        focus() 将焦点定位到表单字段里
         
        blur() 从元素中将焦点移走
         
               fm.elements[0].focus();                            //将焦点移入
         
               fm.elements[0].blur();                             //将焦点移出
         
        共有的表单字段事件
         
        表单共有的字段事件有以下三种:
         
        事件名说明
         
        blur 当字段失去焦点时触发
         
        change 对于<input>和<textarea>元素,在改变value并失去焦点时触发;对于<select>元素,在改变选项时触发
         
        focus 当前字段获取焦点时触发

  • 相关阅读:
    选择结构
    Java基本语法
    Java开发实战经典
    限时福利丨全网最全Java视频教程合集(java学习路线+视频+配套资料)
    入选《2021爱分析·区域性银行数字化厂商全景报告》,网易云信助力南京银行打造转型标杆
    资讯|WebRTC M94 更新
    网易云信的音频共享技术 | 体验共享专题
    网易云信 NERTC 高清画质体验之 H.265的工程实践 | 体验共享技术专题
    Jvm-Sandbox-Repeater 推送配置详解
    Jvm-Sandbox-Repeater 拉取配置详解
  • 原文地址:https://www.cnblogs.com/wangjie-01/p/4669093.html
Copyright © 2020-2023  润新知