フォームのボックスのサイズを設定する方法は？

Question

私はこのフォームとそれをDreamweaverのように表示していますが、私はそれを再び大きなウェブサイトで使用しています。動的コンテンツ（php）としてインクルードされてサイトが読み込まれます。

<form action="index.php" method="get"> 
     <input type="hidden" name="content" value="home" /> 
     <label>Go to 
      <input style height="20" width="40" type="numeric" name="page" /> 
     </label> 
     <input type="submit" value="Go" /> 
     </form> 

ご協力いただきありがとうございます。

Answer 1

HTML属性の代わりに必要な場合は、style="width:Npx; height:Mpx;"を追加してください。

例：

<form action="index.php" method="get"> 
    <input type="hidden" name="content" value="home" /> 
    <label>Go to 
     <input style="height:20px; width:40px" type="numeric" name="page" /> 
    </label> 
    <input type="submit" value="Go" /> 
</form> 

Answer 2

かは、CSSでwidthプロパティを使用しますので、それはすべての親の幅にわたってstrecthes、<form style='width:##px'><form>要素はブロックとしてデフォルトで表示されているが

Answer 3

が、他の答えはおそらくうまくいくでしょう。インラインスタイルのタグは理想的に避けるべきです。

実際には、CSSスタイルシートを設定し、入力要素にクラスを与え、このクラスに必要なスタイルをスタイルシートに設定する必要があります。このようにすることの利点は、あなたのウェブサイトにこのようなフォーム要素がある場合、クラス名を追加するだけで、同じ方法で表示されることです（これは、見た目を変えると特に重要です） 。

CSSを使用するには学習曲線がありますが、長期的には何度も償います。