Автоматическая замена текста в текстовом поле HTML - PullRequest
Новая
       1

Автоматическая замена текста в текстовом поле HTML

2 голосов
/ 05 февраля 2011

У меня есть текстовое поле, в котором уже есть фрагмент текста, поэтому пользователи знают, что в нем должно быть.Я уже настроил его, поэтому, нажав на него, вы выделите весь текст.Что я хочу знать, если как я могу сделать это так, щелкнув по текстовому полю, очистит весь текст.Аналогичным образом, если пользователь удаляет все написанное, как я могу сделать так, чтобы оригинальный текст отображался?

Прекрасным примером того, что я хочу сделать, является текстовое поле для заголовка при задании вопроса здесь о переполнении стека.

Ответы [ 3 ]

3 голосов
/ 05 февраля 2011

С помощью приведенного ниже кода вы можете просто добавить класс «clear» к любому элементу ввода или текстовой области, и он очистит начальное значение !!! 

<!DOCTYPE html>    
<html>
    <head>
    <title>Sample</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>
    <script>
    $(function() {
      $('.clear').one('focus', function() {
        this.value = '';
      });
    });
    </script>
    </head>
    <body>
    <input type="text" value="Full Name" class="clear"/> <br />
    <input type="text" value="Email" class="clear"/> <br />
    <textarea value="About you..." class="clear"></textarea>
    </body>
    </html>
1 голос
/ 05 февраля 2011

Быстро и грязно, но делает свою работу: 

<input type="text" value="init..." onfocus="this.value=''; this.onfocus=null;" />

Надеюсь, это поможет!

0 голосов
/ 05 февраля 2011

У созданной текстовой области должен быть идентификатор, связанный с ним в теге.Идентификатор текстовой области будет выглядеть примерно так: 

<textarea id="someId"...>

Где "someId" будет любым именем, которое вы ему дадите.Затем, когда вы используете следующий код 

document.getElementById('someId').value = '';

, он заменит текст в поле текстом, указанным выше.В этом случае он заменит его без текста.Просто убедитесь, что он делает это только один раз, в противном случае, когда вы щелкнете за пределами поля, а затем снова щелкните внутри него, пользовательский ввод также будет удален.

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

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

...