HTMLでテキストボックスの幅を縮小しますか？

基本的なHTML質問：私のテキスト入力フィールドはウェブページ全体に広がっています。私はそれを中心にしてより見やすくしたいと思います。HTMLでテキストボックスの幅を縮小しますか？

私はWordpressにいて、HTMLを編集中です。ここで私は、現在持っているものです：は50pxなど：私は=、MAXLENGTH :, MAXLENGTH MAXLENGTHを使用する場合

<input name="FNAME" required="" type="text" placeholder="First Name" maxlength="5"/></p>

は違いはありますか？

私はこれが基本的であることを知っていますが、私は今これをしばらく使っています。

ありがとうございます！

2016-11-01 Bones

あなたのCSSの質問です。 –

申し訳ありませんが、私は、maxwidthを意味しました。 maxwithを追加するとうまくいきません。 – Bones

maxlengthは、入力に入力できる最大文字数を決定するHTML入力属性です。 maxlength=50は、ユーザーが50文字以上を入力できないことを意味します。

あなたがしたいものは、スタイリングを制御するCSSです。次の例では、その要素を含む要素の幅を入力の50％にし、その要素内にその要素を配置します。

input { 
    display: block; 
    width: 50%; 
    margin: 0 auto; 
}

max-widthは、要素の最大幅を設定します。それはwidthを無効にします。これは、応答性の高いデザインを設定する場合に特に便利です。一般的に、要素の幅を設定する場合は、widthを使用します。

2016-11-02 00:00:23

はそれを得ました。はい、要素の幅を変更したいだけです。私は現在持っているものですが、まだ変更されていません： – Bones

'width'は有効な属性ではありません。テキスト入力となり、無視されます。インラインスタイルを追加するには、 'style'属性を使う必要があります。は私の答えのCSSと同じです。 –

Ryan、ありがとう！このような簡単な質問に対する謝罪はありますが、本当に感謝しています。これは私のために働いた！ – Bones

答えて