啊为什么会这么-HTML教程-爱易网页

啊为什么会这么

日期：2014-05-16　浏览次数：20900 次

啊啊啊,为什么会这样
我做一个非常简单的用户注册页面,想要练习一下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">

				&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp用户名:<input onFocus="demo()" type="text" name="userName" id="usrname" value="请输入正确的用户名" />

				<p>用户名已存在!</p>

				<br />

				密&nbsp&nbsp码:<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>

不好意思，最近没上网，所以......
加个最简单的例子吧，看上面的代码。
你如何让它左边对齐呢？

好好研究一下每个标签的语义，还是很有帮助的，加油！

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

啊为什么会这么

相关资料更多>

推荐阅读更多>