啊啊啊,为什么会这样
我做一个非常简单的用户注册页面,想要练习一下pdo操作数据库,
但是每次按提交按钮的时候,用户名一行都会往前进一个空格.到底为什么会这样呢!
下面是页面的代码:
<!DOCTYPE html>
<html>
<head>
<title>注册</title>
<link type="text/css" rel="stylesheet" href="index.css" >
<meta charset="utf-8" />
<style>
#reg{
margin:0 auto;
text-align:center;
}
#form_reg{
margin-top:20px;
}
p{
visibility:hidden;
}
#usrname,p{
display:inline;
}
</style>
</head>
<body>
<div id="reg">
<h3>注册</h3>
<hr style="width:500px;" />
<form id="form_reg" action="" method="post" name="register">
              用户名:<input onFocus="demo()" type="text" name="userName" id="usrname" value="请输入正确的用户名" />
<p>用户名已存在!</p>
<br />
密  码:<input type="password" name="passWord" /><br />
<input type="submit" name="submit" value="提交" />
<input type="reset" name="reset" value="重置" /><br />
</form>
</div>
<script>
function demo(){
document.getElementById("usrname").value="";
}
</script>
</body>
</html>
[解决办法]
上面说错了一句，不是后代的子元素，元素的内容文字。
<!DOCTYPE html>
<html>
<head>
<title>注册</title>
<meta charset="GB2312" />
<style>
#reg{ margin:0 auto; text-align:center; }
</style>
</head>
<body>
<div id="reg">
<p>这个是字很多的哦，占用的长度大</p>
<p>这个字少</p>
</div>
</body>
</html>
不好意思，最近没上网，所以......
加个最简单的例子吧，看上面的代码。
你如何让它左边对齐呢？
好好研究一下每个标签的语义，还是很有帮助的，加油！