Как получить форму, в которой текст на входе исчезает при нажатии? (для формы подачи) - PullRequest
Новая
       6

Как получить форму, в которой текст на входе исчезает при нажатии? (для формы подачи)

0 голосов
/ 06 июля 2010

У меня есть следующая форма «подписаться по электронной почте»: 

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=food101coil', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>enter e-mail:</p>
<p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="food101coil" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="SEND" /></form>

Я хочу переместить раздел "введите адрес электронной почты" внутри части формы. Так что, когда пользователь нажимает на него, текст исчезнет.

Может ли кто-нибудь помочь мне с этим?

Ответы [ 2 ]

3 голосов
/ 06 июля 2010

Следующий код сделает то, что вы хотите, но также сохранит адрес электронной почты после ввода.

HTML 

<input id="email" type="text" style="width:140px" name="email" value="enter e-mail"/>

JavaScript 

<script type="text/javascript">
 var emailfield = document.getElementById('email');
 emailfield.onfocus = function(){
  if (this.value == 'enter e-mail') this.value = '';
 }
 emailfield.onblur= function(){
  if (this.value == '') this.value = 'enter e-mail';
 }
</script>

Пример из жизни: http://www.jsfiddle.net/YS2Xm/

1 голос
/ 06 июля 2010 
<input type="text" name="email" onclick="this.value='';" value="enter e-mail" />

Не проверено, хотя должно работать!

...