获取表单
document.forms[0]
document.forms["mainForm"]
<form name="mainForm"></form>
表单中元素
document.forms[0].elements["element1"]
document.mainForm.element1;
<input name="element1" />
每个表单元素都支持form属性
this.form //指向元素所在的表单
访问文本域
myform.elements["textfield"].value;
复选框
myform.elements["chkbox"][i].checked? "checked":"not checked";
单选框
f.elements["radiobutton"][i].value;
f.elements["radiobutton"][i].checked?"checked":"not checked";
列表框
var index = f.elements["selectionlist"].selectedIndex;
//selectedIndex: 当前所选中列表项的索引(从0开始),“-1”表示未选值
//options: 所有列表项组成的数组。
//options[index] 选中的node
//对于每一个option
//selected属性,为true时表示被选中。
//value 选中的发送数据
//text 显示的文字
//获取列表框当前选择的值
f.elements["selectionList"].options[f.elements["selectionList"].selectedIndex].value
//动态添加列表元素
for(var i=0;i<links.length; i++){
elements["urls"].options[elements["urls"].options.length]=new Option(links[i].title, links[i].url);
}
禁用表单元素
f.elements["password"].disabled = true; //变灰
f.elements["password"].readOnly= true; //不变色
<input type="text" onfocus="this.blur();" />
防止表单提交
<form onsubmit="return checkform(this);">
防止重复提交
<input type="submit" value="submit" onclick="this.disable=true;" />
设置焦点
document.forms[0].elements["textField"].focus();
选中表单域中的文本
var field = f.elements["textField"];
if(field.createTextRange){//IE
var range = field.createTextRange();
range.moveStart("character",0);
range.moveEnd("character",field.value.length-1);
range.select();
}else if(field.setSelectionRange){//Other brower
field.setSelectionRange(0.field.value.length);
}
field.focus();
获取元素的表单域类型
element.type
//所有元素的type属性都可以返回相应的表单域类型: button, checkbox, password, radio, reset, select-one, select-multiple, submit, text, textarea
分享到:
相关推荐
Vue.js学习 课程详细 什么是Vue.js? 从index.html开始 条件与循环 处理用户输入 按钮事件 组件 过滤器 计算属性 观察属性 设定机算属性 Class绑定 Class对象绑定 条件渲染 元素显示v-show 列表渲染 JS对象迭代 事件...
第1篇 JavaScript基础篇 第1章 JavaScript简介 1 1.1 JavaScript概述 1 1.1.1 什么是JavaScript 1 1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 1.2.1 客户端应用 5 1.2.2 ...
示例中包含了JavaScript的基本语法,如变量声明、条件语句、事件监听和处理等,这些是学习JavaScript时必须掌握的基础知识。 DOM操作: 通过获取HTML元素(如输入框、按钮等)并操作它们的值或属性,示例展示了如何...
-(4) JavaScript面向对象的支持--(5) JavaScript面向对象的支持--(6) JavaScript精简学习1:基础知识 JavaScript精简学习2:浏览器输出 JavaScript精简学习3:图像 JavaScript精简学习4:表单 ...
6. 表单元素:元素用于创建表单控件,包括文本域、密码域、复选框、单选按钮等。type属性用于指定控件的类型,name属性用于指定控件的名称,value属性用于指定控件的初始值。 7. HTML实体:HTML实体是一种特殊的...
第1篇 JavaScript基础篇 第1章 JavaScript简介 1.1 JavaScript概述 1.1.1 什么是JavaScript 1.1.2 JavaScfipt的基本特点 1.1.3 常用的Web开发语言 1.2 JavaScript的应用 1.2.1 客户端应用 1.2.2 服务器...
"Javascript基础知识点" 本文档总结了107个常用的Javascript语句,涵盖了Javascript的基础知识点,包括输出语句、注释、HTML文档结构、DOM顺序、表单元素的获取、字符串操作、数字操作、比较操作符、变量声明、判定...
学习前端 用于记录学习前端的过程 ...HTML的基础语法:元素=标签+属性 ...JavaScript基础 JavaScript的语法与C ++,Java有类似之处 DOM中提供的一些简单操作 canvas的使用 尚待学习 Vue.js基础 通过学习Vue.js的基本用法
第二十六章:JavaScript基础 505 学习目标 505 基本结构 506 JavaScript代码的加入 506 基本数据类型 506 常量 507 表达式和运算符 509 实例 511 JavaScript程序构成 513 事件驱动及事件处理 516 内容总结 519 独立...
jQuery 流行程度:jQuery 好处:常见问题JQuery核心函数jQuery 对象和 dom 对象区分jQuery 选择器基本选择器层级选择器过滤选择器基本过滤器:内容过滤器:属性过滤器:表单过滤器:表单对象属性过滤器jQuery 元素筛选...
本课程是一门针对初学者的JavaScript基础入门教程,旨在帮助学习者快速掌握JavaScript编程语言的基本概念和应用技巧。无论你是完全没有编程经验的新手,还是具备其他编程语言知识的学习者,都能从本课程中获得实用的...
JS中的表单操作包括获取表单元素、设置表单元素的值等。在表单操作中,可以使用document.forms对象来获取表单,使用element对象来获取表单元素。 九、窗口操作 JS中的窗口操作包括打开新窗口、关闭窗口、设置状态...
拥有 JavaScript 基础可以更轻松地学习 ,它是一个 JavaScript 库。 这是我在课堂上使用的 Powerpoint: 。 注意:这些页面、按钮和表单适用于 Mac iOS。 但是,未在 Android 上进行测试。 ##number.html + 脚本/...
条件和循环(5.20完成)熟悉san的基础命令掌握san的条件和循环渲染掌握san的常用数组操作方法##任务三:样式控制(5.20完成)学会灵活使用san来控制元素的样式##任务四:事件处理(5.30完成)熟悉san事件处理的相关API对...
第二篇专门介绍JavaScript中内置对象的应用,内容包括JavaScript对象基础、窗口和框架、屏幕和浏览器对象、文档对象、历史对象和地址对象、表单对象和表单元素和脚本化cookie等。第三篇讲解的是JavaScript的高级技术...
Vue.js学习 课程详细 什么是Vue.js? 从index.html开始 条件与循环 处理用户输入 按钮事件 组件 过滤器 计算属性 观察属性 设定机算属性 Class绑定 Class对象绑定 条件渲染 元素显示v-show 列表渲染 JS对象迭代 事件...
第二篇专门介绍JavaScript中内置对象的应用,内容包括JavaScript对象基础、窗口和框架、屏幕和浏览器对象、文档对象、历史对象和地址对象、表单对象和表单元素和脚本化cookie等。第三篇讲解的是JavaScript的高级技术...
Dreamweaver基础教程概述 Dreamweaver(DW)是一款功能强大的网页编辑器,广泛应用于网站开发和设计领域。本教程旨在为读者提供一个系统的DW基础教程,涵盖DW的基本概念、界面操作、站点建立和编辑、常用插入、CSS...