Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: заполнение формы JS
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » заполнение формы JS

Страниц (1): [1]
 

1. nilbug - 18 Июля, 2010 - 07:16:46 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1.  
  2.  
  3.         <script language="Javascript" type="text/javascript">
  4.         function doClear(theText)
  5.         {
  6.         if (theText.value == theText.defaultValue)
  7.         { theText.value = "" }
  8.         }
  9.         //-->
  10.         </script>
  11.  
  12.         <input type="text" name="username" size="20" value="Имя пользователя" onfocus="doClear(this)"><br><br>
  13.         <input type="password" name="password" size="20" value="Пароль" onfocus="doClear(this)"><br><br>
  14.         <input type="submit" name="enter" size="20" value="Войти"><br>
  15.         </form>
  16.  
  17.  


При нажатии клавиши мыши на Имя пользователя или Пароль форма становится пустым, для ввода имени или пароля. А как сдлеать если человек передумал вводить имя и пароль, чтобы вновь форма заполнилась value="Имя пользователя" и value="Пароль"
2. DeepVarvar - 18 Июля, 2010 - 07:31:58 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1. if (theText.value == theText.defaultValue) { theText.value = "" }
  2. else { theText.value =  theText.defaultValue; }
3. nilbug - 18 Июля, 2010 - 08:15:52 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1.  
  2.         <script language="Javascript" type="text/javascript">
  3.         function doClear(theText)
  4.         {
  5.         if (theText.value == theText.defaultValue) { theText.value = "" }
  6.         }
  7.         function doWrite(theText)
  8.         {
  9.         if (theText.value == "") { theText.value = "Имя пользователя" }
  10.         }
  11.         //-->
  12.         </script>
  13.         <form>
  14.         <input type="text" name="username" size="20" value="Имя пользователя" onfocus="doClear(this)" onBlur="doWrite(this)"><br><br>
  15.         <input type="password" name="password" size="20" value="Имя пользователя" onfocus="doClear(this)" onBlur="doWrite(this)"><br><br>
  16.         <input type="submit" name="enter" size="20" value="Войти"><br>
  17.         </form>
  18.  


вот доработал так мне кажется будет лучше =) спасибо за отзыв
4. JustUserR - 30 Июля, 2010 - 16:38:45 - перейти к сообщению
nilbug пишет:
Вот доработал так мне кажется будет лучше =)
Такой способ является действительно более предпочтительным однако если на HTML-странице таких полей будет достаточно много то можно произвести дополнительную оптимизацию - а именно сделать по одной функции-обработчику для событий document,onfocus и document.onblur соответственно - и уже внутри них проверять какой объект сгенерировал событие и делать проверку для него и по необходимостм вставлять заранее заготовленную надпись Такой метод работает быстрее по той причине что обработчику модели событий в браузере не приходится делать переключения - по дальнейшим bubble-событиям в цепочке родительских элементов связанных событий для каждого из них

 

Powered by ExBB FM 1.0 RC1