表格、表单操作

(一)表格操作

方法:
tHead ==>表格头
tBodies ==>表格正文(可以有多个)(在js中如果不写,自动会添加,易出错)
tFoot ==>表格尾
rows ==>行
cells ==>列
eg:oTab.tBodies[0].rows[1].cells[1].innHTML(获取表格的第一个正文的第二行第二列的内容)=oTab.children[0].children[1].children[1].innHTML

(二)表单操作
<form id=‘form1‘>
<input type=‘text‘ name=‘text1‘ value=‘内容‘/>
</form>
var oForm=document.getElementById(‘form1‘)

1.获取表单里元素对象
表单元素.name的属性值 ==>获取表单中对应的name的元素(无兼容性问题)
eg:oForm.text1 ==>得到input文本框

2.表单事件(如果事件函数体中返回了false则事件失效,提交表单时必须有action属性才能成功)
(1)onchange:当值发生改变的时候触发(有兼容性问题)
eg:oForm.text1.onchange=function(){alert()}
兼容性问题:
text:当光标离开的时候如果内容有变化就触发
checkbox/radio:标准浏览器下点击的时候只要值改变就触发;非标准浏览器为光标离开时候值变了就触发
select:只要值改变就触发
注:<select name=‘city‘ value=‘‘>
<option value=‘北京‘>北京</option>
</select>
select的value值为option中选中的value的值(selected属性,单选,复选框选中时checked)
(2)onsubmit ==>事件,当提交表单的时候触发
(3)onreset ==>事件,当表单重置的时候触发

3.表单方法
submit() ==>方法,提交表单

时间: 2024-10-12 01:09:41

表格、表单操作的相关文章

Hibernate表单操作

1.单一主键 assigned(由java程序生成标识符) native(由数据库自动生成标识符,例如MySQL就是increment.Oracle就是sequence) 2.基本类型 hibernate映射类型 java类型 sql类型 大小 integer/int  java.lang.Integer/int INTEGER  4 btye long  java.lang.Long BIGENT 8 short java.lang.Short  SMALLINT 2 float java.l

表单操作

# 表单操作     1. ## 表单的引用:</br>             1)直接定位: id / name/ tagname             2)集合方式:                         document.forms[index];通过下标                        document.forms["表单name名"];                        document.forms."表单name

JavaScript-4.1-简单的表单操作,函数使用方法---ShinePans

<html> <head> <meta http-equiv="content-type" content="text/html;charset=GB2312"/> <title> 4.1 确认表单必填项目完整性 </title> <!--脚本部分--> <script type="text/javascript"> function check_submit()

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

jqm文件上传,上传图片,jqm的表单操作,jqm的ajax的使用,jqm文件操作大全,文件操作demo

最近在论坛中看到,在使用html5中上传图片或文件,出现各种问题.这一方面,我也一直没有做过,今天就抽出了一点时间来学习一下.现在的示例已经ok了,我就给大家分享一下,希望对大家有帮助. 好吧,我们先看看效果截图吧: 还行吧,来看页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <h

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo

数据交互和表单操作

今天是上班的第42天,对于一个程序媛来说,不管之前你学了多少年的知识,真正的时间,都应该是从上班开始算起的,因为上班才是敲代码的开始,木有实践,一切的理论对于程序媛来说都是扯淡~ 好啦!今天学到了很多的东西,必须在这儿记录一下! 当实现和后台的数据交互时,如果后台返回给我们的是一个数组,里面的值就像这样子,然后前台就不能在JS中像常规那样在构建里面中调后台的参数,看下面的详解吧~ 常规的时候后台返回的数据是这样的: 然后我们在前台js构建页面的时候是这样子写的: 但是如果后台今天不这样给你反了呢

angular 表单操作

一直没有使用angular的表单验证以及表单提交数据.只是用的input绑定值,另外最近的设计都是点击后显示错误,而不是自动显示错误.所以错误显示一直也没有做.而表单的非法验证可以直接解决这个问题.angular 5最近更新的跟表单验证有关.导致我想研究下angular的表单操作.把web移动端的表单验证添加上.而我的随笔基本都写我不熟悉,我熟悉的,感觉舒适的都不会写. 通过keyup事件,获取用户输入.所有标准DOM事件对象都有一个target属性,引用触发该事件的元素.event.targe

Django之form表单操作

小白必会三板斧 from django.shortcuts import render,HttpResponse,redirect HttpRespone:返回字符串 render:返回html页面 redirect:重定向 静态文件配置 静态文件:网站所用到的,自己写好js,自己写好css,第三方的框架bootstrap fontwesome sweetalert 通常情况下网站所用到的静态文件资源统一都放在static文件下 STATIC_URL='/static' 是访问静态资源的接口前缀

【JavaScript】DOM之表单操作

DOM 表单操作 1.获取表单 获取表单元素 以Document对象中forms属性来获取当前HTML页面所有表单集合以Document对象中表单的name属性值来获取表单元元素 <body> <form action="#"> <input type="submit"> </form> <form name="mylove" action="#"> <inpu