2016-07-23 4 views
-1

私はこの小さな価格設定スクリプトをコーディングしています。ユーザーがHTMLテキスト入力ボックスに数値を入力できるようにしたいと考えています。 ここにこのスクリプトを見ることができます:https://www.counterboosting.com/input-box-problem/ そして「選択した勝ち数」と「価格: - 」の下に小さな白いボックスが表示されます。それは常にそのような小さな示して、私が入力した内容のサイズに関係なくHTML入力テキストボックスが非常に小さい

<input type="text" id="amount" value="1" size="100"> 

この

はボックスのコードではありません。携帯電話やタブレットなどの小さなブラウザのサイズや、ブラウザの幅を小さくすると、ボックスが正しく表示されます。ブラウザの幅を広げると、そのような小さなフォームにスナップバックします。誰もが問題の原因を知っていますか?

+0

CSSはどこですか? –

答えて

1

この入力は、別の行の内側にあるブートストラップ行の内部にあります。列を大きくしてみてください。

<div class="col-md-offset-5 col-md-5"> 
+0

また、列に 'size'を使用しないでください。ブートストラップはCSSでそれを処理する必要があります。 – Will

+0

hmので、col-md-5を追加すると実際にボックスの問題は解決しましたが、javascriptは壊れました。私はなぜそれが起こるのか考えているのですか? – 2000mroliver

+0

あなたに答えを与え、すべてを修正しました。ありがとう! – 2000mroliver

0

これにはいくつかの方法がありますが、1つはサイズの代わりにパーセンテージを使用しています。 <input type="text" id="amount" value="1" width="80%"> これは、入力が定義されているdivまたはspanに対して幅を設定します。 また、1行のテキストエリアを定義し、幅を増やすために列数を増やすことができます <textarea rows="1" cols="40" id="amount" name="amount" value="1"></textarea>

関連する問題