Javascript获取表单名称(name)的方法
本文实例讲述了Javascript获取表单名称(name)的方法。分享给大家供大家参考。具体如下:
下面的代码通过表单的name属性获得表单名称
<!DOCTYPE html> <html> <body> <form id="frm1" name="form1"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> </form> <p>The name of the form is: <script> document.write(document.getElementById("frm1").name); </script> </p> </body> </html>
上述代码运行结果如下:
The name of the form is:form1
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
详解JavaScript中的表单验证
表单验证用于发生在服务器,客户端已经输入所有必要的数据,然后按下提交按钮之后.如果一些已被输入的客户端的数据的已在错误形式或者被简单地丢失,则服务器将必须的所有数据发送回客户端,并请求的形式以正确的信息重新提交.这是一个漫长的过程,会增加服务器负担. JavaScript中,提供了一种方法将其发送到web服务器之前验证客户端的计算机上的形式的数据.表单验证通常执行两种方式. 基本验证 - 首先,该表必须进行检查,以确保数据输入的需要将其每一个表单字段.这将通过表格的每个字段只需要循环,并检查数据
-
JavaScript获取网页表单action属性的方法
本文实例讲述了JavaScript获取网页表单action属性的方法.分享给大家供大家参考.具体如下: JavaScript获取网页表单的action属性,即要提交到的url地址,有时候需要提交到当前页面,则可能会设置action为空 <!DOCTYPE html> <html> <body> <form id="frm1" action="jb51.php"> First name: <input type=&
-
JavaScript使表单中的内容显示在屏幕上的方法
本文实例讲述了JavaScript使表单中的内容显示在屏幕上的方法.分享给大家供大家参考.具体实现方法如下: 一.使内容水平出现 <html> <head> <title>测试</title> <script type="text/javascript"> function to() { var txt=document.getElementById("txt").value; document.getEl
-
JavaScript获取表单enctype属性的方法
本文实例讲述了JavaScript获取表单enctype属性的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <body> <form id="frm1" enctype="text/plain"> First name: <input type="text" name="fname" value="Donald"&
-
javascript制作的简单注册模块表单验证
一个注册框 进行表单验证处理 如图 有简单的验证提示功能 代码思路也比较简单 输入框失去焦点时便检测,并进行处理 表单具有 onsubmit = "return check()"行为,处理验证情况 点击提交表单按钮时,进行最终的验证,达到是否通过表单提交的请求. 先是最基本的html+css部分 <style type="text/css"> body{margin:0;padding: 0;} .login{position:relative;mar
-
javascript实现表单提交后,提交按钮不可用的方法
本文实例讲述了javascript实现表单提交后,提交按钮不可用的方法.分享给大家供大家参考.具体如下: 这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>表单提交后按钮禁用</title> &l
-
JavaScript获取网页支持表单字符集的方法
本文实例讲述了JavaScript获取网页支持表单字符集的方法.分享给大家供大家参考.具体如下: JavaScript获取网页支持表单的字符集可通过表单的acceptCharset方法获得 <!DOCTYPE html> <html> <body> <form id="frm1" accept-charset="ISO-8859-1"> First name: <input type="text&quo
-
使用javascript提交form表单方法汇总
废话就不多说了,直接上内容. <form action="/home/search" method="get" id="search_form"> <div class="searchBox png" id="searchBox"> <input type="text" id="searchTxt" class="searchT
-
JavaScript获取表单内所有元素值的方法
本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname
-
JavaScript 表单处理实现代码
一 表单介绍 在HTML中,表单是由<form>元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型; // HTMLFormElement继承了HTMLElement;因此它拥有HTML元素具有的默认属性,别且还独有自己的属性和方法; HTMLFormElement属性和方法 属性或方法 说明 acceptCharset 服务器能够处理的字符集; action 接受请求的URL; elements 表单中所有控件的集合; enctype 请求的编码类型;
随机推荐
- HTC基础知识
- 算法系列15天速成 第十一天 树操作(上)
- jQuery基于当前元素进行下一步的遍历
- iOS实现相册多选图片上传功能
- iOS对象指针和基础数据类型的强转详解
- Three.js基础学习之场景对象
- 在线编辑器的实现原理(兼容IE和FireFox)
- Tomcat 启动错误(8080端口被占用)处理方法
- EasyUI创建对话框的两种方式
- 批处理与python代码混合编程的方法
- win2003设置技巧大全
- Java——对象初始化顺序使用详解
- List对象去重和按照某个字段排序的实现方法
- ASP.NET加密解密算法分享
- php+AJAX传送中文会导致乱码的问题的解决方法
- 实例详解Java8函数式接口
- C语言中函数指针与软件设计经验总结
- Spring Boot之AOP配自定义注解的最佳实践过程
- vue实现未登录跳转到登录页面的方法
- 微信小程序实现省市区三级地址选择