Question

<form method="post" class="mobile-login-form _5spm" id="u_0_0" novalidate="1" data-autoid="autoid_1">
    <input type="hidden" name="lsd" value="AVpe_Wp1" autocomplete="off">
    <input type="hidden" name="charset_test" value="€,´,€,´,水,Д,Є">
    <input type="hidden" name="version" value="1">
    <input type="hidden" id="ajax" name="ajax" value="0">
    <input type="hidden" id="width" name="width" value="0">
    <input type="hidden" id="pxr" name="pxr" value="0">
    <input type="hidden" id="gps" name="gps" value="0">
    <input type="hidden" id="dimensions" name="dimensions" value="0">
    <input type="hidden" name="m_ts" value="1421117640">
    <input type="hidden" name="li" value="yIi0VOqdqMbfGzXVr-lypMC-">
    <div class="_56be _5sob">
        <div class="_55wo _55x2 _56bf">
            <input autocorrect="off" autocapitalize="off" type="email" class="_56bg _55ws _5ruq" name="email" placeholder="Email Address">
            <p>
                <input autocorrect="off" autocapitalize="off" class="_56bg _55ws _5ruq" placeholder="Password" name="pass" id=password type="password">
                <div class="_55ws">
                    <button type="submit" value="Submit" class="_56bs _56b_ _56bw _56bu" name="login" id="u_0_1" data-sigil="touchable"><span class="_55sr">Submit</span></button>
                </div>
        </div>
    </div>
    <noscript>&lt;input type="hidden" name="_fb_noscript" value="true" /&gt;</noscript>
</form>

我想知道如何创建以下文本框以扩展其宽度以覆盖整个页面（尽管只是宽度）。这是我的代码：

Answer 1

问题非常模糊，我不知道你曾尝试过什么。但是要覆盖整个页面使用此CSS。你的意思是input字段？如果没有，我会更新他的答案。

  input{
       width: 100%;
    }

CODEPEN DEMO

Answer 2

查看第一个输入字段的全宽：

 <form method="post" class="mobile-login-form _5spm" id="u_0_0" novalidate="1" data-autoid="autoid_1"><input name="lsd" value="AVpe_Wp1" autocomplete="off" type="hidden"><input name="charset_test" value="€,´,€,´,水,Д,Є" type="hidden"><input name="version" value="1" type="hidden"><input id="ajax" name="ajax" value="0" type="hidden"><input id="width" name="width" value="0" type="hidden"><input id="pxr" name="pxr" value="0" type="hidden"><input id="gps" name="gps" value="0" type="hidden"><input id="dimensions" name="dimensions" value="0" type="hidden"><input name="m_ts" value="1421117640" type="hidden"><input name="li" value="yIi0VOqdqMbfGzXVr-lypMC-" type="hidden"><div class="_56be _5sob"><div class="_55wo _55x2 _56bf"><input style="width: 100%;" autocorrect="off" autocapitalize="off" class="_56bg _55ws _5ruq" name="email" placeholder="Email Address" type="email"><p><input autocorrect="off" autocapitalize="off" class="_56bg _55ws _5ruq" placeholder="Password" name="pass" id="password" type="password"></p><div class="_55ws"><button type="submit" value="Submit" class="_56bs _56b_ _56bw _56bu" name="login" id="u_0_1" data-sigil="touchable"><span class="_55sr">Submit</span></button></div></div></div><noscript>&lt;input type="hidden" name="_fb_noscript" value="true" /&gt;</noscript></form>

就是这一行：

<input style="width: 100%;" autocorrect="off" autocapitalize="off" class="_56bg _55ws _5ruq" name="email" placeholder="Email Address" type="email">

Answer 3

将类添加到要调整大小的字段。比如添加class =“fullwidth”并在css中更新以下代码

contacts.push['test']

如果它适合您，请告诉我。

如何使HTML文本框的页面宽度

3 个答案: