Подсказка после фокуса поля ввода - PullRequest
Новая
       1

Подсказка после фокуса поля ввода

0 голосов
/ 27 января 2011

Я уверен, что есть правильный термин для этого, но не знаю его. Как сделать маленькую заметку всплывающей, когда пользователь находится в каждом поле? Как, скажем, они идут в поле имени; затем, как только они нажимают на поле с именем справа, я хочу, чтобы появилась небольшая заметка с сообщением типа «убедитесь, что вы используете полное имя». Я хочу сделать это для пары полей, которые у меня есть. Как я могу это сделать?

Ответы [ 4 ]

1 голос
/ 27 января 2011

Вот простой пример: http://jsbin.com/iruyo3

Код также вставлен сюда для справки. 

<!doctype html>
<html>
  <head>
    <title></title>
    <style type="text/css">
      html,body,h1,h2,h3,h4,h5,p,ul,li,form,button { margin:0; padding:0 }
      body { font:normal 62.5% tahoma; margin:20px }

      #myForm .note { display:none; }
      #myForm fieldset { border:0 }
      #myForm label { width:100px; float:left; height:25px; line-height:25px; text-align:right; padding-right:10px }


    </style>
  </head>
  <body>

    <form id="myForm">

      <fieldset>
        <label>Name</label>
        <input type="text" name="fullname">
        <span class="note">Enter your full name.</span>
      </fieldset>

      <fieldset>
        <label>Company</label>
        <input type="text" name="fullname">
        <span class="note">Enter your work place.</span>
      </fieldset>      

    </form>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    $(function() {
      $('#myForm input:text').focus(function(){
        $('.note').hide();
        $(this).next().fadeIn();
      });
    });
  </script>
  </body>
</html>
1 голос
/ 27 января 2011

Я использую этот плагин для того, что вы спрашиваете. JQuery всплывающая подсказка

1 голос
/ 27 января 2011

FlowPlayer.org имеет хороший плагин для всплывающей подсказки jQuery, который вы можете использовать.

Проверьте этот для демонстрации использования его в форме (соответствует вашим требованиям)

1 голос
/ 27 января 2011

Вы ищете подсказки?Оформить заказ из сокрушительного журнала .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...