位置: 编程技术 - 正文

DOM基础教程之使用DOM控制表单(dom基础知识)

编辑:rootadmin

推荐整理分享DOM基础教程之使用DOM控制表单(dom基础知识),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:dom常用操作,dom常用操作,dom教学,dom入门,dom基础知识,dom入门,dom基础知识,dom使用,内容如对您有帮助,希望把文章链接给更多的朋友!

1.表单简介

表单<form>是网页中交互最多的形式之一,它通过各种形式接收用户的数据,包括下拉列表框,单选按钮,复选框和文本框,本篇主要介绍表单中常用的属性和方法javascript中可以很方便的操作表单,例如获得表单数据进行有效验证,自动给表单域赋值,处理表单事件等。此时每个form都解析为一个对象,即form对象,可以通过document.forms集合来引用这些对象,例如一个nama属性为form1的表单可以使用

不仅如此,还可以通过表单在文档中的索引来引用表单对象。例如

表示引用文档中的第二个表单对象

以下为一个包含多种form元素,每个元素都有label标记,绑定在元素上,这样通过点击文字就能定为和选择到表格,提高了用户体验。

通常每个表单元素应该有name和id属性,name用于交给服务器,id用于绑定和功能筛选。

2.访问表单中的元素

表单中的元素,无论文本框、单选按钮、下拉按钮、下拉列表框或者其他的内容,都包含在form的elements集合中,可以利用元素在集合中的位置或元素的name属性来获得该元素的引用。

DOM基础教程之使用DOM控制表单(dom基础知识)

使用效果最高,最直观的方法引用:

3.公共属性与方法

所有表单中的元素(除了隐藏元素)都有一些共同的属性、方法。这里将一些常用的罗列

4.表单的提交

form中的提交通过按钮或者具备按钮功能的图片来完成

当用户按回车键或者单击其中一个按钮时,就可以完成表单的提交,无需其他代码。可以通过form中的action属性来检测是否提交。

用户在提交表单的过程中可能因为网速过慢而反复单击提交按钮,这对服务器而言是很大的负担,可以通过使用disabled属性来禁止这种行为。例如:

浅谈javascript 归并方法 ECMAScript5还新增了2个归并数组的方法:reduce()和reduceRight()。这两个都会迭代数组的所有项reduce():从第一项开始逐个遍历到最后。reduceRight():从数组的最后

javascript 获取浏览器版本 工作中需要通过JS去获取当前使用的浏览器的名字以及版本号,网上大堆资料都有一个关键词是navigator.appName,但是这个方法获取的浏览器的名字只有两

javascript 实现 原路返回 css代码styletype="text/css"*{margin:0px;padding:0px;font-family:"micsoftyahei","微软雅黑";font-size:px;}div{width:px;height:px;background:#f;border-radius:5px;-moz-border-radius:5px;-web

标签: dom基础知识

本文链接地址:https://www.jiuchutong.com/biancheng/383876.html 转载请保留说明!

上一篇:DOM基础教程之使用DOM控制表格(dom操作的方法)

下一篇:浅谈javascript 归并方法(javascript规范)

  • 所得税 扣除
  • 增值税留抵注销时怎么办
  • 小微企业免税销售额是按1%还是3%
  • 其他收益属于什么类
  • 简易计税36个月不能变指的是这个项目吗?
  • 公司基本户如何注销
  • 税务局不给注销税务
  • 业务招待费税前扣除比例
  • 取得保险赔偿的会计分录
  • 企业奖励的目的
  • 共用的水电费支出怎么算
  • 增值税纳税义务发生时间
  • 产品缺陷处理流程
  • 通用原始凭证有哪些?
  • 个体工商户怎么注销
  • 办理异地租房提取公积金流程
  • 金融债券利息收入免企业所得税吗
  • 非增值税应税项目有哪些2023
  • 外管证开具后如何缴税?
  • 年薪12万如何申报个人所得税
  • 销售开发后的产品
  • 除工资外其他收入需要个税吗
  • 个人无偿受赠房屋 个人所得税 张英泉
  • 公司自用房屋怎样交税
  • 对外出租设备
  • 无租使用房产怎么缴纳房产税土地税
  • 少扣个税多付工资违法吗
  • 捐赠计提管理费的账务处理?
  • 应纳税所得额怎么理解
  • 年报企业控股情况怎么填
  • 发出商品是在产品吗
  • 投资收益借贷方向增减
  • PHP:Memcached::setMultiByKey()的用法_Memcached类
  • 直线法摊销的账面价值
  • vue 父组件调子组件方法
  • 总结一些php中好用的软件
  • 考核工资可以不发吗
  • chrome浏览器清除数据
  • yolov1算法
  • 如何在亚马逊平台卖货
  • 应收账款科目怎么看
  • 销售自己使用过的物品的税率
  • 游戏公司的主营业务是什么
  • 财务制度备案信息是不是可以不填
  • 移动平均法适用范围
  • mongo创建db
  • 待报解预算收入怎么做账
  • 报关单填写要求怎么填
  • sqlserver数据库大小于对索引有影响吗?
  • 纳税人有
  • 减免增值税计入营业外收入明细科目
  • 实际成本法如何核算
  • 公司法人往公司账户打钱怎么能换回来
  • 增值税普通发票和专用发票有什么区别
  • 其他税后扣减
  • 储备基金是什么
  • 银行借款一年按多少天计算
  • sql server查询数据库大小
  • mysql中字符串类型
  • 数据库更新数据
  • 文档介绍
  • 怎么删除win系统
  • 怎么提高xp系统运行速度
  • linux fflush
  • Linux下查看某一个程序所使用的内存方法
  • win8任务栏设置在哪
  • win10 edge浏览器崩溃
  • linux自动化装机
  • opengl perspective
  • python写一个备份文件功能
  • android性能指标
  • jquery实现移动端
  • bootstrap tree table
  • python 数据结构 算法
  • JavaScript中的this指向
  • python迭代器生成器
  • android开发的难点
  • python查找列表中的元素
  • 国税局定额发票查询
  • 水资源税征收标准2022
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设