Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.07.2012, 19:00
Профессор
Отправить личное сообщение для PashPP Посмотреть профиль Найти все сообщения от PashPP
 
Регистрация: 26.07.2012
Сообщений: 281

Нежелательный фокус на строку ввода
Почему при нажатии на большинство элементов формы фокус становится на строке, это мешает и сбивает скролл страницы. В данном случае это происходит при клике на текст-подсказку.
<form name="analize"> 
    <label for="youname">Ваше имя<label>
    <input type="text" id="youname" /> 
    <input type="checkbox" id="anonym" onclick="anon()"/>
    <label for="anonym"> Аноним </label>
    <div id="allparam">
        <h3> Оцените свои параметры -50/+50</h3>
        <div class="param">
        <input id="health" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'health')" /> <input type="button" value="-5" onclick="counter1(-5, 'health')" />
        <label for="health">Здоровье</label>
        </div>
        <div class="param">
        <input id="beauty" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'beauty')" /> <input type="button" value="-5" onclick="counter1(-5, 'beauty')" />
        <label for="beauty">Красота</label>
        </div>
        <div class="param">
        <input id="streng" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'streng')" /> <input type="button" value="-5" onclick="counter1(-5, 'streng')" />
        <label for="streng">Сила</label>
        </div>
        <div class="param">
        <input id="education" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'education')" /> <input type="button" value="-5" onclick="counter1(-5, 'education')" />
        <label for="education">Образованность</label>
        </div>
        <div class="param">
        <input id="smart" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'smart')" /> <input type="button" value="-5" onclick="counter1(-5, 'smart')" />
        <label for="smart">Интеллект</label>
        </div>
        <div class="param">
        <input id="social" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'social')" /> <input type="button" value="-5" onclick="counter1(-5, 'social')" />
        <label for="social">Социализированность</label>
        </div>
        <div class="param">
        <input id="many" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'many')" /> <input type="button" value="-5" onclick="counter1(-5, 'many')" />
        <label for="many">Финансы</label>
        </div>
        <div class="param">
        <input id="luck" size="2" maxlength="2" value="0" readonly></label> <input type="button" value="+5" onclick="counter1(5, 'luck')" /> <input type="button" value="-5" onclick="counter1(-5, 'luck')" />
        <label for="luck">Удачливость</label>
        </div>
</form>
Ответить с цитированием
  #2 (permalink)  
Старый 28.07.2012, 19:02
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от PashPP
Почему при нажатии на большинство элементов формы фокус становится на строке, это мешает и сбивает скролл страницы.
потому что это естественное поведение элементов
Ответить с цитированием
  #3 (permalink)  
Старый 28.07.2012, 19:04
Профессор
Отправить личное сообщение для PashPP Посмотреть профиль Найти все сообщения от PashPP
 
Регистрация: 26.07.2012
Сообщений: 281

Имелось ввиду на верхней строке ввода. Это дефолтное поведение? Но зачем? И как избежать?
Хм. Понял, что надо было в раздел хтмл запостить, но сюда по привычке. Извиняюсь.
Ответить с цитированием
  #4 (permalink)  
Старый 28.07.2012, 19:11
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от PashPP
на верхней строке ввода.
это что такое ?
если вы удивляетесь почему при клике на <label> фокус становится на связанный input с ним-это правильное поведение описанное в спеках
Ответить с цитированием
  #5 (permalink)  
Старый 28.07.2012, 19:17
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

PashPP,
2 строка - не закрыт label
после всех текстовых полей типа readOnly закрытие непонятного тега label
Ответить с цитированием
  #6 (permalink)  
Старый 28.07.2012, 19:20
Профессор
Отправить личное сообщение для PashPP Посмотреть профиль Найти все сообщения от PashPP
 
Регистрация: 26.07.2012
Сообщений: 281

На <input type="text" id="youname" /> он становится, когда жмешь на сторонние, привязанные к другим айди <label for="education">Образованность</label> или когда на другие кнопки. В разных браузерах по разному.
Ответить с цитированием
  #7 (permalink)  
Старый 28.07.2012, 19:24
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

Сообщение от PashPP Посмотреть сообщение
На <input type="text" id="youname" /> он становится, когда жмешь на сторонние, привязанные к другим айди <label for="education">Образованность</label> или когда на другие кнопки. В разных браузерах по разному.
т.к. у вас label на второй строке не закрыт...
Ответить с цитированием
  #8 (permalink)  
Старый 28.07.2012, 19:25
Профессор
Отправить личное сообщение для PashPP Посмотреть профиль Найти все сообщения от PashPP
 
Регистрация: 26.07.2012
Сообщений: 281

Точно, спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Зависимость полей ввода sakutylev AJAX и COMET 6 07.01.2011 17:10
Перемещение между строками ввода стрелками Воитель Общие вопросы Javascript 5 23.08.2010 15:23
Как вернуть фокус в окно редактирования? Roman Koff Общие вопросы Javascript 1 02.08.2010 12:35
Как убрать выделение в Опере у div, получившего фокус ? spa_2002 Opera, Safari и др. 5 03.09.2009 10:42
Переход между окнами ввода при заполнении. Бушка Общие вопросы Javascript 4 25.03.2009 15:40