20

GoogleChromeのテキストエリアで奇妙な問題が発生しています。

問題は、Google Chromeでテキストエリアをクリックすると、すぐにフォーカスが失われ、前の入力ボックスに戻ることです。キーボードのタブキーを押しても問題は発生しません。

これが私の問題を示す.gifです：

ここに画像の説明を入力してください

私が使用しているコードは有効なhtmlです：

                <div class="inputborder rounded">
                    <label>Celebrity 1<label>
                    <div class="newline"></div>
                    <input type="text"/>
                    <div class="newline"></div>
                    <label>Tweet 1<label>
                    <div class="newline"></div>
                    <textarea>Y U NO WORK?!</textarea>
                    <div class="newline"></div>
                </div>

jQueryライブラリを除いて、ページでJavaScriptをまだ使用していません。

このような問題を引き起こすのは通常InternetExplorerであるため、なぜこれが発生するのかについてはかなり驚いています。

誰もが何が悪いのか分かりますか？

4

2 に答える 2

8

ラベルタグを閉じてみてください。

<div class="inputborder rounded">
        <label>Celebrity 1</label>
        <div class="newline"></div>
        <input type="text"/>
        <div class="newline"></div>
        <label>Tweet 1</label>
        <div class="newline"></div>
        <textarea>Y U NO WORK?!</textarea>
        <div class="newline"></div>
</div>
于 2012-04-18T15:20:57.443 に答える
3

ラベルタグを正しく閉じていません。あなたは<label>それがあるべきときに持っています</label>

于 2012-04-18T15:21:22.830 に答える