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>密&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 提交按钮获得用户名的主要内容,如果未能解决你的问题,请参考以下文章

swing里获得TextField对话框输入的数据

Angularjs - 如何获得 ng-message required 错误以同时显示和禁用输入按钮

我可以在 Shadow DOM 中获得一个按钮来提交不在 Shadow DOM 中的表单吗?

如何在更改下拉列表时提交表格?

即使正确设置了 tabindex,提交按钮也没有聚焦

php form提交账户密码 怎么写验证