本文实例为大家分享js表单控件多个实例讲解,供大家参考,具体内容如下
实例一:
遍历表单的所有控件rush:js;">
实例二:
通过控件名访问特定的控件rush:xhtml;">
实例三:
获取表单内文本框的个数rush:js;">
实例四:
修改表单的提交方法method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST),使用 GET 时,表单数据在页面地址栏中是可见的,POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。
rush:xhtml;">
修改提交方法" onclick="modifyMethod()"/>
<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;">
实例七:
初始化表单里的所有控件的值到最初状态rush:js;">
实例八:
批量为所有的表单控件加一个说明rush:js;">
实例九:
使用隐藏控件为表单添加参数rush:xhtml;">
实例十:
全部勾选所有复选框rush:xhtml;">
实例十一:
为表单的聚焦控件设置醒目的样式rush:js;">