zoukankan      html  css  js  c++  java
  • from表单及input对象

    from 对象的属性

    • name:表单的名称,主要用来让 JS 控制表单;
    • action:表单的数据处理程序(PHP文件或其他);
    • method:表单的提交方式,取值:GET、POST;
    • enctype:表单数据的编码方式;
     
    from 对象的方法
    • submit():提交表单,与 <input type="submit"/> 功能一样;
    • reset():重置表单,与重置按钮功能一样;
     
    from 对象的事件
    • onsubmit:当单击提交按钮时,并在数据发往服务器之前发生。主要用来 在表单提交之前进行表单验证;
    • onreset:当单击重置按钮时发生;
     
    获取表单元素的方法
    • 通过网页元素的 id 来获取对象
      • document.getElementById(id)
    • 通过 HTML 标签名来获取对象
      • parentNode.getElementsByTagName(tagName)
    • 通过 name 属性来获取表单元素对象(表单中所有元素的起点都必须是 document 对象)
      • 语法:document.formObj.elementObj
      • 参数:formObj 代表表单对象
                              elementObj 代表表单元素对象

    input 对象的属性

    • name:表单元素的名称;
    • value:表单元素的值;(用户输入的内容,可以通过该属性来获取)
    • size:表单的长度;
    • maxlength:表单元素的最大长处(最多可输的字符数);
    • disabled:禁用属性;
    • readonly:只读属性;
     
    input 对象的方法
    • focus():获得焦点的方法;(定位光标)
    • blur():失去焦点的方法;(移走光标)
    • select():选中文本;
     
    input 对象的事件
    • onfocus:当获得焦点时;
    • onblur:当失去焦点时;

    再来点二级联动菜单吧。

    二级联动菜单
    select 对象属性
    • options[]:设置或返回下拉列表中 <option> 标记构成的数组;
    • selectedIndex:设置或选中指定 <option> 的索引号;
    • length:指定下拉列表中 <option> 标记的个数;
    • name:元素名称;
    option 对象属性
    • text:指 <option> 和 </option> 之间的文本;
    • value:指 <option> 标记的属性;
  • 相关阅读:
    教务管理系统维护日志
    在centOS服务器上部署Discuz!
    iphone5s support.apple com/iphone/restore怎么办
    常见Java面试题
    Mac版免破解office 2011真情放送/Mac版navicat prenium 面破解
    VMware Workstation 12序列号: 5A02H-AU243-TZJ49-GTC7K-3C61N
    centos7搭建docker环境
    加密算法简介
    Hash算法简介
    empty()和size() == 0有区别吗
  • 原文地址:https://www.cnblogs.com/wq-code/p/6631823.html
Copyright © 2011-2022 走看看