位置: 编程技术 - 正文

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规范)

  • 购买土地的契税怎么计算
  • 销售商品款项未收的科目名称
  • 工程保险谁负责
  • 汇算清缴企业所得税退税账务处理
  • 销售退款怎么做分录
  • 国债利息收入免征增值税
  • 作废冲红的发票怎么做账处理
  • 进项税加计扣除什么时候开始的
  • 车辆购置税完税证明网上打印
  • 出差旅费补助报销明细表需要发票吗?
  • 未投入使用房屋怎么处理
  • 高新技术产品收入增长率公式
  • 不动产经营租赁属于现代服务吗
  • 不动产经营租赁属于现代服务吗
  • 需要会计报表的人
  • 增值税申报交税后怎样补录未抵扣进项税
  • 本月进项税大于销项税不需要交税,电子税务局如何打印
  • 公允出资税务处理怎么做?
  • 进口报关单保费
  • 服务费减免税会计处理
  • 事业单位会计凭证收入怎么记账
  • 合同应收账款减免
  • 建筑企业如何预缴企业所得税
  • win7系统中怎么找不到投影仪
  • 加班餐费税前扣除问题
  • 购买理财产品收到的利息分录
  • win10升级win11报错
  • 股权收购特殊性税务处理案例
  • k210中文手册
  • 结算成本处理怎么取消
  • 小规模纳税人查询
  • monaco编辑器的自定义提示
  • 公司员工个人所得税交多少
  • 甲方如何规避合同责任
  • 傅里叶级数狄利克雷判别法
  • xch 未来
  • php 循环
  • lvm 创建
  • 多计提费用可以不用以前年度损益调整吗
  • phpcms使用教程
  • 结存成本怎么计算先进先出法
  • 个人劳务费需交什么税种
  • 企业分立房产税如何计算
  • python中except用法
  • 建筑设备租赁如何交税
  • 汇算清缴银行手续费扣除比例是多少
  • 企业分期收款销售商品,即商品已经交付
  • 员工报销的差旅费会计分录
  • 进销存怎么看
  • 上月财务费用多做了,本月怎么调
  • 房地产预售款预交税金计算
  • 火车票的进项税率是多少
  • 增值税专用发票使用规定 最新
  • 固定资产改变用途折旧处理
  • windows下安装nas
  • mysql学习资料
  • ubuntu功能
  • 怎么修改ubuntu的ip地址
  • vmware虚拟机不能识别iso
  • win10鼠标指针在文本区很小
  • xp系统无法停用wifi连接
  • xp系统怎么修改图标和文字大小
  • win7自带拍照功能
  • awk两个文件关联合并
  • 苹果电脑连不上网络但是wifi正常
  • win10显示win8
  • linux常用命令useradd
  • mysql删除key
  • win7系统进不了桌面
  • perl tr函数
  • jquery实现
  • windows 10一
  • pythone爬虫
  • javascript面向对象精要pdf下载
  • 专票购买方是对方公司吗
  • 山东国地税合并6月挂牌
  • 公司权责清单范围
  • 平安车险如何开票报销
  • 福建电子税务局社保缴费操作
  • 小规模印花税2023减半吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设