• 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> 标记的属性;
  • 相关阅读:
    【转】如何正确复制CSDN文章到自己的博客
    【转】Win10双网卡优先顺序设置
    Android studio中生成javadoc
    【转】HTML5 布局固定宽度
    字节跳动静态资源公共库
    【转】Android studio中生成javadoc
    怎么选择 Go 文件读取方案
    prometheus存储
    gogorm的预加载 preload或related方法使用场景(外键)
    go的gin跨域中间件
  • 原文地址:https://www.cnblogs.com/wq-code/p/6631823.html
Copyright © 2020-2023  润新知