javascript表单控件实例讲解

本文实例为大家分享js表单控件多个实例讲解,供大家参考,具体内容如下

实例一:

遍历表单的所有控件

rush:js;">
文本框: 单选框: dio" name="myRadio"value="1"/>1 dio" name="myRadio" value="2"/>2
下拉列表:

实例二:

通过控件名访问特定的控件

rush:xhtml;"> 文本框: 获取控件" onclick="getFormDom()"/>

实例三:

获取表单内文本框的个数

rush:js;">

实例四:

修改表单的提交方法

method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST),使用 GET 时,表单数据在页面地址栏中是可见的,POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。

rush:xhtml;">

<form method="post">
请选择提交方法
<select name="myMethod">
<option value="">==请选择==
<option value="get">get
<option value="post">post


修改提交方法" onclick="modifyMethod()"/>

实例五:

动态指定表单的动作属性

action 属性定义在提交表单时执行的动作。 向服务器提交表单的通常做法是使用提交按钮。 通常,表单会被提交到 web 服务器上的网页。 如果省略 action 属性,则 action 会被设置为当前页面

rush:xhtml;">

<form method="post">
请选择提交方法
<input type="text" name="newURL"/>


<input type="button" value="修改提交Action" onclick="modifyAction()"/>

实例六:

动态选择聚焦的控件

rush:xhtml;">
文本框: 单选框: dio" name="myRadio" value="1"/> dio" name="myRadio" value="2"/>
下拉列表:
一个单选框为焦点" onclick="focusIt()"/>

实例七:

初始化表单里的所有控件的值到最初状态

rush:js;">

实例八:

批量为所有的表单控件加一个说明

rush:js;">

实例九:

使用隐藏控件为表单添加参数

rush:xhtml;">

实例十:

全部勾选所有复选框

rush:xhtml;">
你的兴趣:
Box" name="myall" onclick="checkAll(this.checked)"/>全选
全选 全选 全选

实例十一:

为表单的聚焦控件设置醒目的样式

rush:js;">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...