首页 > 代码库 > 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>密&nbsp;&nbsp;&nbsp;&nbsp;码:<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 提交按钮获得用户名