<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>okjava-关键字</title>
<script>
function a(){
document.getElementById("form1").innerHTML=form1.username.value + "<a href="#">退出</a>"; //这样写不行,点登陆后转到login.do去了
//问题一:目标:点击登陆后form1变为用户名和一个退出超链接
}
</script>
</head>
<body> <center>
<div style="width=900; height:50px; border:1px solid #dddddd">
<!--问题二:现在这个div里的内容是位于中间的顶部,如何让它位于中间的中部??-->
<form name="form1" id="form1" action="login.do" method="post" style="display:inline">
用户名:<input type="text" name="username" size="10">
密码:<input type="password" name="password" size="10">
<input type="submit" value="登陆" onClick="a()">
</form>
</div>
</center>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>okjava-关键字</title>
<script>
function a(){
document.getElementById("form1").innerHTML=form1.username.value + "<a href="#">退出</a>"; //这样写不行,点登陆后转到login.do去了
//问题一:目标:点击登陆后form1变为用户名和一个退出超链接
}
</script>
</head>
<body> <center>
<div style="width=900; height:50px; border:1px solid #dddddd">
<!--问题二:现在这个div里的内容是位于中间的顶部,如何让它位于中间的中部??-->
<form name="form1" id="form1" action="login.do" method="post" style="display:inline">
用户名:<input type="text" name="username" size="10">
密码:<input type="password" name="password" size="10">
<input type="submit" value="登陆" onClick="a()">
</form>
</div>
</center>
</body>
</html>
<!--问题二:现在这个div里的内容是位于中间的顶部,如何让它位于中间的中部??-->
//问题一:目标:点击登陆后form1变为用户名和一个退出超链接
这个问题呢????有人会吗????
呦,你的DIV连ID,name都无!定位它比较烦!最好加上一个!
你这个走的是同步提交啊,页面当然会转跳拉!如果你要还是要走同步提交,可以加上<IFRAME>绑定到你的Action然后就可以调用的JS,几时你写你JS函数!
不过最常用就是用AJAX异步请求!我用我最熟识的Prototype:
$("adForm").request
({
parameters:{cmd:"data"},//参数!
onSuccess:function(transport)
{
//成功后调用你的JS函数,例如你的DIV的name='data'
$("data").innerHTML = form1.username.value + " <a href="#">退出 </a>"; }
});
这样应该可以!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>okjava-关键字 </title>
<script>
function a(){
document.getElementById("form1").innerHTML=form1.username.value + " <a href=\"#\">退出 </a>"; //这样写不行,点登陆后转到login.do去了
return false;
//问题一:目标:点击登陆后form1变为用户名和一个退出超链接
}
</script>
</head>
<body> <center>
<div style="width=900; height:50px; border:1px solid #dddddd">
<!--问题二:现在这个div里的内容是位于中间的顶部,如何让它位于中间的中部??-->
<form name="form1" id="form1" action="login.do" method="post" style="display:inline">
用户名: <input type="text" name="username" size="10">
密码: <input type="password" name="password" size="10">
<input type="submit" value="登陆" onClick="return a()">
</form>
</div>
</center>
</body>
</html>
红色部分是以多少像素居中的,难道CSS属性里就没有xxx:center这种吗???????????????????????????????????????