码迷,mamicode.com
首页 > 编程语言 > 详细

javascript_form 提交按钮获得用户名

时间:2017-05-18 20:00:17      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:head   标题   利用   log   .com   信息   word   cti   function   

<!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>密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="pwd" /></p>
<input type="submit" value="提交" onclick="ol()" />
</form>
<p id="jg"></p>
</body>
</html>

 注意:这类题型都是通过调用函数(方法)来实现目的。通过函数实现功能,通过getElementById来确定获取信息要显示的页面位置,通过 onclick调用该函数。函数的核心功能语句是利用逐步确定来获取对象的属性值,注意每步获取属性时用“.”隔开。

javascript_form 提交按钮获得用户名

标签:head   标题   利用   log   .com   信息   word   cti   function   

原文地址:http://www.cnblogs.com/yzq-wzsj/p/6875004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!