如何居中输入文本框HTML？_Html_Css_Stylesheet

如何居中输入文本框HTML？

html css

如何居中输入文本框HTML？,html,css,stylesheet,Html,Css,Stylesheet,我有一个表单，我想将文本框居中，并将标签放在中间。我该怎么做？（我本以为将左右对齐到“自动”就可以了，但不起作用）。这是我的代码： <body> <div id="formWrapper"> </center> <form method ="post" action="addMember.php"> <label for="name">Username:</lab

我有一个表单，我想将文本框居中，并将标签放在中间。我该怎么做？（我本以为将左右对齐到“自动”就可以了，但不起作用）。这是我的代码：

<body>
    <div id="formWrapper">
          </center>
          <form method ="post" action="addMember.php">
          <label for="name">Username:</label>
          <input name="name"/>
          <label for="password">Password:</label>
          <input name="password"/>
          <label for="email">Email:</label>
          <input name="email"/>
            <p>
            <fieldset>
            <input class="btn" name="submit" type="Submit" value="Register"/>
            <input class="btn" name="reset" type="reset" value="Clear Form">
            </fieldset>
      </form>
    </div>
</body>

如果将

text align:center

应用于表单，则会将字段置于中间

语义在这里很重要，所以请看一看可访问的表单方法

看看这个：

我使用了这个代码，并尝试了adarshr答案，它确实将表单居中。Chris也是对的，语义在这里非常重要，因为看过之后我觉得这可能不是你想要的。我想补充的另一点是，当你添加文本对齐时：居中；它需要进入css文件并以

在表单中添加align=“center”

div id="formWrapper">
        <form method ="post" action="addMember.php" align="center">
            <label for="name" >Username:</label>
            <input name="name"/>
            <p>
            <label for="password">Password:</label>
            <input name="password"/>
            <p>
            <label for="email">Email:</label>
            <input name="email"/>
            <p>
            <fieldset>
                <input class="btn" name="submit" type="Submit" value="Register"/>
                <input class="btn" name="reset" type="reset" value="Clear Form">
            </fieldset>
        </form>
    </div>

divid=“formWrapper”>
用户名：

密码：

电邮：

text align:center

对于

#formWrapper

div，应该这样做。我以前尝试过这个，但它不起作用，现在似乎起作用了，谢谢：D。在IE中，它工作得很好。但是在Google Chrome中，我得到了以下结果，obv它不在中心，但我如何修复它？

    border: 1px solid gray;
    border-radius:5px;
    color: #393939;
    height: 30px;
    padding: 0px 6px 0 6px;
    width: 186px;

div id="formWrapper">
        <form method ="post" action="addMember.php" align="center">
            <label for="name" >Username:</label>
            <input name="name"/>
            <p>
            <label for="password">Password:</label>
            <input name="password"/>
            <p>
            <label for="email">Email:</label>
            <input name="email"/>
            <p>
            <fieldset>
                <input class="btn" name="submit" type="Submit" value="Register"/>
                <input class="btn" name="reset" type="reset" value="Clear Form">
            </fieldset>
        </form>
    </div>