reCaptchaの幅を取得し、それを使ってテキストフィールド幅を設定しますか？

Question

私のウェブサイトに私はGoogleのreCaptchaを持っているだけで、私のログインフォームは本当に醜いものになっています。

はここ

は、だから私は周りを探していたスクリーンショットにだと本当に良く見えるこの

のようなログインフォームでウェブサイトを発見し、それは完全に応答だと、すべての。私はこれを行う方法に興味がありましたか？実際にGoogleのreCaptchaでこれを行う方法の例を見つけることはできませんでした。

Answer 1

あなたは、テーブルを使用して100%

サンプルコードへtext-box幅を設定することにより、これを行うことができます。

<table> 
      <tr><td> 
       <input type="text" style="width:100%;"><br> 
      </tr></td> 
      <tr><td> 
       <input class="scaleR" type="text" style="width:100%;"><br></tr></td> 
      <tr><td> 
       <div class="g-recaptcha" data-sitekey="SITE_KEY" data-callback="checked"></div> 
      </tr></td> 
     </table> 

結果：