javascript_form 提交按钮获得用户名
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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="用户" /></p> <p>密 码:<input type="password" name="pwd" /></p> <input type="submit" value="提交" onclick="ol()" /> </form> <p id="jg"></p> </body> </html>
注意:这类题型都是通过调用函数(方法)来实现目的。通过函数实现功能,通过getElementById来确定获取信息要显示的页面位置,通过 onclick调用该函数。函数的核心功能语句是利用逐步确定来获取对象的属性值,注意每步获取属性时用“.”隔开。
以上是关于javascript_form 提交按钮获得用户名的主要内容,如果未能解决你的问题,请参考以下文章
Angularjs - 如何获得 ng-message required 错误以同时显示和禁用输入按钮