0

私は現在、apache cordova / phonegap と組み合わせて jquery モバイル プロジェクトに取り組んでいます。シンプルなユーザーインターフェイスを実装しようとしていますが、テキスト入力を使用すると問題が発生します。

入力に触れて単語を入力すると、すべて問題ありません。入力を終了すると、サイズが小さくなり、ラベルもそれに属します。私はたくさん試してみましたが、解決策がありませんでした。

私はあなたに私のコードを投稿し、誰かがヒントを持っていることを願っています.

ありがとうございました。

    <div data-role="page">

        <!-- data-position="fixed" verursacht Probleme mit den Textinputs -->

        <div data-role="header" data-position="fixed" data-tap-toggle="false">
            <h1>Storage Test</h1>
        </div>

        <div data-role="content">

            <input type="text" name="filename" id="filename" value=""/>

            <!-- Console -->
            <ul data-inset="true" data-role="listview" id="console" style="width:50%">
                <li data-role="list-divider" role="heading">Console</li>
            </ul>

            <!-- Control -->
            <ul data-inset="true" data-role="listview" id="control" style="width:48%; position:fixed; top:58px; right: 1%">

                <li data-role="list-divider" role="heading">Control</li>

                <li data-role="fieldcontain">
                    <label for="filename">Filename:</label>
                    <input type="text" name="filename" id="filename" value=""/>
                </li>

                <li>
                    <button data-theme="b" type="submit">Save to file system</button>
                </li>

            </ul>

        </div>

    </div>

</body>
4

0 に答える 0