html-input - Web アプリケーションのテキスト フィールドの幅を変更できますか

Question

iOS、Android、BB、その他のデバイス用のアプリを作成しています。私はwebapp-netで作業しています。私のアプリには、さまざまなテキスト フィールドを含むフィールドセットがあります。これは私が持っているものです：

<fieldset>
    <ul>
        <li><input type="text" id="cc" placeholder="Card Number" autocomplete="off" onkeypress="return isNumberKey(event)" maxlength="23"/></li>
        <li><input type="text" id="chn" placeholder="Holder Name" autocomplete="off" /></li>
        <li><input type="text" id="cvc" placeholder="CSC" autocomplete="off" maxlength="4" /></li>
</fieldset>

CSC の場合、4 つの数字だけにする必要がありますが、幅を変更することはできません。また、ポップアップ/ダイアログ ボックスを作成できるようにしたいので、CSC をクリックすると、CSC に関する小さな情報を含むボックスが表示されます。

試してみましたが、幅を変更することさえできません。この問題を解決する方法を知っている場合は、私に知らせてください!

Answer 1

size属性を使用してみてください:

<input type="text" maxlength="4" size="4" />