2010-03-25 3 views
5

У меня есть текстовое поле ввода, которое по умолчанию имеет значение «что-то», но когда я начинаю печатать, я хочу, чтобы значение по умолчанию меняло цвет, а текст, который я набираю, Еще один.Изменить цвет текста в текстовом поле

Как я могу это сделать?


<input type="text" value="something" onclick="this.value=''" /> 
+0

Я предполагаю, что вы имеете в виду текстовое поле ввода? На кнопке не может быть введен текст. –

ответ

13

Чтобы сохранить это просто как ваш пример:

<input type="text" value="something" onclick="this.value='';this.style.color='red';" /> 

И это должно в значительной степени это сделать.

5

Вы можете попробовать следующее:

<input type="text" value="something" 
     onFocus="if (this.value == 'something') this.style.color = '#ccc';" 
     onKeyDown="if (this.value == 'something') { 
         this.value = ''; this.style.color = '#000'; }"> 
0

Уходя ответ @ chibu, это то, как вы могли бы сделать это с помощью JQuery и ненавязчивый Javascript

 

    
$(document).ready(
    function() { 
     $("#mytext").bind(
     "click", 
     function() { 
      $(this).val(""); 
      $(this).css("color", "red"); 
     } 
    ); 
    } 
) 
 

+0

Рад! - http://jquery.com/ - http://www.learningjquery.com/ –

-1

Здесь мы идем:

<input type="text" value="something" onclick="this.value='';this.style.color='red';" /> 

удачи!

Продолжайте кодирование!