www.baike369.com
百科369 > 网页制作 > JS教程

JS教程

JavaScript屏蔽表单域

JavaScript屏蔽表单域

屏蔽的表单域不能接受用户的输入,也不是页面标记序列的一部分,更不能进行提交操作。在HTML 4中有一个disabled属性,可以禁用input输入框的操作:实例下面是一个屏蔽表单域的例子。在JavaS...

JavaScript将<label>标签的焦点移到表单内与其相关的域中

JavaScript将<label>标签的焦点移到表单内与其相关的域中

在JavaScript中,使用<label>标签可以有效聚合表单内容,也可以使用JavaScript提升表单可用性。例如,当一个HTML <label>标签收到用户焦点信息后,在<label>标签的相...

JavaScript使用focus事件和onload事件设置HTML表单的起始焦点

JavaScript使用focus事件和onload事件设置HTML表单的起始焦点

用户打开一个页面后,希望能立即进行数据的输入。由于很多页面并未将焦点设置在默认的表单域,因此,用户不得不手动选择起始焦点域。使用JavaScript可以很容易设置一个起始焦点域,以方便用户的输入。一般...

JavaScript使用onchange事件对表单域进行验证

JavaScript使用onchange事件对表单域进行验证

要验证一个表单域,不必等到表单提交后再进行验证。在用户改变其内容后,通过使用onchange事件处理器,可立即对表单域进行验证。实例下面是一个进行表单域验证的例子。源代码如下:显示效果如下:注:这种方...

JavaScript为<input>标签创建的隐藏域进行表单验证

在JavaScript中验证表单时,一个更简洁的方式是使用隐藏表单域,可以使用下面的方式定义两个表单域:可以为每个验证输入定义隐藏表单域,因此,要验证一个名为username的表单为空,可以使用下面的...

JavaScript使用onsubmit事件处理器验证表单输入内容是否为空

JavaScript使用onsubmit事件处理器验证表单输入内容是否为空

通常,表单验证发生在内容输入结束,表单提交之前。表单的onsubmit事件处理器中有一组函数负责验证。如果输入的内容中包含非法数据,处理器会返回false,并且显示一个警告框,同时取消表单数据的提交;...

JavaScript使用<input>标签创建的单选按钮和复选框的用法

JavaScript使用<input>标签创建的单选按钮和复选框的用法

与文本域相比,复选框和单选按钮的功能要有限得多。在XHTML语法中,复选框与单选按钮非常相似,都使用<input>标签。二者的基本语法如下:实例下面是一个关于单选按钮和复选框的用法的例子。源代码如下:...

JavaScript使用onchange事件限制<textarea>文本域的输入长度

JavaScript使用onchange事件限制<textarea>文本域的输入长度

使用<textarea>标签并不能限制文本域的输入内容的长度,使用JavaScript则可以轻松做到。实例下面是一个限制文本域的输入长度的例子。源代码如下:显示效果如下:...

JavaScript为<textarea>标签创建的多行文本框设置大小及属性

JavaScript为<textarea>标签创建的多行文本框设置大小及属性

多行文本框称为“文本区”或“文本域”,使用<textarea>标签创建。基本语法如下:使用文本区与使用单行文本框及密码框基本相同,最主要的差别就是,文本区可以通过cols和rows来设置文本区的大小。...

JavaScript文本域、文本框与文本区

文本输入域有3种形式:单行文本框:也称为单行文本框。由<input type="text">定义。密码域:又称为口令域。由<input type="password">定义。多行文本域:又称为多行文本...

JavaScript为<input>标签创建的单行文本框添加属性与方法

JavaScript为<input>标签创建的单行文本框添加属性与方法

在这篇文章中,使用了单行文本域的属性与方法,包括对其值的读取与设置等。实例下面是一个为单行文本域设置属性与方法的例子。源代码如下:显示效果如下:...

JavaScript给<input>标签创建的按钮添加方法与事件

JavaScript给<input>标签创建的按钮添加方法与事件

在DOM中,所有<input>标签都用HTMLInputElement对象来表示。这些对象共享一些与其功能相关的属性和方法。实例下面是一个给按钮添加方法和事件的例子。源代码如下:显示效果如下:...

JavaScript访问表单(Form)对象的属性

JavaScript访问表单(Form)对象的属性

在JavaScript中,可以访问表单对象的属性。实例下面是一个访问表单对象的属性的例子。源代码如下:显示效果如下:...

JavaScript访问表单

表单的表单域如下:在扫描检测与操作表单域之前,首先应该确定可以访问表单。访问表单至少有下面3种方式:通过document.forms[]按编号访问。通过document.forms[]按名称访问。按照...

JavaScript使用DOM的getElementById()方法改变页面样式

JavaScript使用DOM的getElementById()方法改变页面样式

在JavaScript的DOM中,使用getElementById()方法可以改变页面的样式。例如,在<select>标签中,通过选择不同的选项来调用不同的样式表文件,可以达到改变页面样式的目的。实例...

Copyright© 2011-2016 www.baike369.com All Rights Reserved