Em um dos meus sites, criei um formulário que coleta o nome da pessoa, o email e a descrição da ideia.

Limitei os caracteres da descrição a 500 caracteres, pois não quero ler muito e descobri como exibir o texto na área de texto antes que o usuário insira o que deseja.

Atualmente, o usuário precisa excluir a "Descrição da sua ideia", mas quero adicionar a classe de espaço reservado onde ele exclui o que escrevi na área de texto quando clicam na área de texto

Eu olhei em alguns sites e não consegui descobrir como usá-lo. Coloquei-o no meu código, mas geralmente a classe apenas aparecia como texto dentro da minha área de texto.

Qualquer ajuda para usar esta classe seria ótimo, obrigado

Aqui está o que eu escrevi

Dentro das tags de cabeça

<script language="javascript" type="text/javascript">
function limitText(limitField, limitCount, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}
</script>

Dentro das tags do corpo

<form name="form1" method="post" action="ideas.php"> 
Your Name: &nbsp;<input type="text" name="name"><br>
Your Email: &nbsp;<input type="text" name="email"<br>
<textarea name="desc" cols=50 rows=10 onKeyDown="limitText(this.form.desc,this.form.countdown,500);" 
onKeyUp="limitText(this.form.desc,this.form.countdown,500);">Description of your idea</textarea><br>
<font size="1">(Maximum characters: 500)<br>
You have <input readonly type="text" name="countdown" size="3" value="500"> characters left.</font>
<br>
<input type="submit" name="Submit" value="Submit!"> </form>