• 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 当前字段获取焦点时触发

  • 相关阅读:
    【Solr】copy字段的应用
    【Solr】Solr的安装部署
    【UEditor】 UEditor整合项目上传资源到阿里云服务器
    【Bootstrap】Bootstrap和Java分页-第二篇
    【Bootstrap】Bootstrap和Java分页-第一篇
    工作那点小事
    ubuntu安装mongodb
    mybatis插入返回主键
    linux查看端口占用命令
    ubuntu安装ssh
  • 原文地址:https://www.cnblogs.com/wangjie-01/p/4669093.html
Copyright © 2020-2023  润新知