Textarea теряет фокус на щелчке мыши?
У меня возникают некоторые странные проблемы с текстовым полем в Google Chrome.
Проблема заключается в том, что всякий раз, когда я нажимаю текстовую область в Google Chrome, она мгновенно теряет фокус и возвращается к предыдущему полю ввода. Проблема не возникает, если я нажимаю клавишу табуляции на клавиатуре.
Здесь .gif, показывающий мою проблему:
![enter image description here]()
Используемый код действителен 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>
Я пока не использую javascript на странице, кроме библиотеки jQuery.
Я очень ошеломлен тем, почему это происходит, поскольку обычно Internet Explorer дает мне такие проблемы.
Кто-нибудь знает, что неправильно?
Ответы
Ответ 1
Попробуйте закрыть теги меток.
<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>
Ответ 2
Вы не закрыли свои метки. У вас есть <label>
, когда это должно быть </label>