如何使頁面

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>

的HTML文本框全寬我想知道我怎麼可以創建下列文本框拓展寬度，以覆蓋整個頁面（只是寬度雖然）。這裏是我的代碼：

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

input.fullwidth{width:100%} 

請讓我知道它是否適合你。