首页 > 代码库 > javascript_form 提交按钮获得用户名
javascript_form 提交按钮获得用户名
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> function ol() { var t=document.forms[0].elements[0].value; document.getElementById("jg").innerHTML=t; } </script> <scrip> </head> <body> <form name="form1" action="wwww.baidu.com" method="post"> <p>用户名:<input type="text" name="username" id="uid" value=http://www.mamicode.com/"用户" /></p> <p>密 码:<input type="password" name="pwd" /></p> <input type="submit" value=http://www.mamicode.com/"提交" onclick="ol()" /> </form> <p id="jg"></p> </body> </html>
注意:这类题型都是通过调用函数(方法)来实现目的。通过函数实现功能,通过getElementById来确定获取信息要显示的页面位置,通过 onclick调用该函数。函数的核心功能语句是利用逐步确定来获取对象的属性值,注意每步获取属性时用“.”隔开。
javascript_form 提交按钮获得用户名
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。