如何集中输入文本框HTML？_html-js-css

概述我有一个表单,我想将文本框和标签居中到中间.我怎样才能做到这一点？ (我本以为左右对齐自动会这样做,但它不起作用).这是我的代码： <body> <div id="formWrapper"> </center> <form method ="post" action="addMember.php"> <label for="nam 我有一个表单,我想将文本框和标签居中到中间.我怎样才能做到这一点？ (我本以为左右对齐自动会这样做,但它不起作用).这是我的代码：

<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  name="submit" type="submit" value="Register"/>            <input  name="reset" type="reset" value="Clear Form">            </fIEldset>      </form>    </div></body>

风格：

#formWrapper{    wIDth:550px;    padding: 2em 0 2em 0;    border:solID 5px #F1F1F1;    margin-top: 100px;    margin-right: auto;    margin-bottom: 0;    margin-left: auto;    background-color: #AFC8DE;}

解决方法如果将text-align：center应用于表单,则会将字段放在中心.

语义在这里很重要,所以看一下表单的可访问方法. http://www.alistapart.com/articles/prettyaccessibleforms

总结

以上是内存溢出为你收集整理的如何集中输入文本框HTML？全部内容，希望文章能够帮你解决如何集中输入文本框HTML？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1041580.html