Imagem de reprodução:
Implementação específica:
1. Textarea Tag Content
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> <tr>
<td align = "direita" valign = "top"> Nota: </td>
<td> <textarea name = "" id = "observa" cols = "" robos = "" onfocus = "this.classname = 'textarea220l'; this.onmouseout = ''; getaddfocus ('observa');" onblur = "this.className = 'textarea220'; this.onMouseOut = function () {this.className = 'textAtea220'}; LostAddfocus ('observa');" onmouseMove = "this.className = 'textarea220lg'" onmouseout = "this.classname = 'textAea220'"> </sexttarea> </td>
</tr> </span>
2. A inicialização permite inserir até 50 palavras ao clicar no botão Adicionar.
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> $ ("#introdução"). val ("máximo de 50 palavras podem ser inseridas");
document.getElementById ("Introdução"). style.color = "Gray"; </span>
3. JS Script
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> function getaddfocus (id) {// Para a introdução e notas na operação de adição, a textarea obtém a caixa de entrada clara do foco
var textarea = document.getElementById (id);
textarea.value = "";
textarea.style.color = "preto";
}
função lostaddfocus (id) {// Para a introdução e as notas na operação de adição, se a textarea perder o foco e o conteúdo estiver vazio, a mensagem imediata será exibida
var textarea = document.getElementById (id);
var textarea_value = textarea.value;
if (textarea_value == "") {
textarea.value = "máximo 50 palavras podem ser inseridas";
textarea.style.color = "Gray";
}
} </span>
Referência para o uso do foco da textarea escrito por CSDN Friends:
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> 1. A caixa de texto exibe o texto padrão:
<Textarea> garoto branco Dove </sexttarea>
<Textarea> garoto branco Dove </sexttarea>
2. Clique na caixa de texto com o mouse e o texto padrão desaparece:
<texttarea onfocus = ”if (value == 'White Dove Boy') {value = ''}"> menino de pombos brancos </sexttarea>
<texttarea onfocus = ”if (value == 'White Dove Boy') {value = ''}"> menino de pombos brancos </sexttarea>
3. Mova o mouse para a caixa de texto e o texto padrão desaparece:
<texttarea onmouseover = ”focus ()” onfocus = ”if (value == 'White Dove Boy') {value = ''}"> menino de pombos brancos </sexttarea>
<texttarea onmouseover = ”focus ()” onfocus = ”if (value == 'White Dove Boy') {value = ''}"> menino de pombos brancos </sexttarea>
4. Clique na caixa de texto com o mouse, o texto padrão desaparece, clique em qualquer área fora da caixa de texto e o texto padrão reaparece novamente:
<texttarea onfocus = ”if (value == 'White Dove Boy') {value = ''}" onblur = "if (value == '') {value = 'White Dove Boy'}"> menino branco </sexttarea>
<texttarea onfocus = ”if (value == 'White Dove Boy') {value = ''}" onblur = "if (value == '') {value = 'White Dove Boy'}"> menino branco </sexttarea>
5. Mova o mouse para a caixa de texto, o texto padrão desaparece, o mouse para sair da caixa de texto e o texto padrão reaparece:
<textAea onMouseOver = "focus ()" onfocus = "if (value == 'White Dove Boy') {value = ''}" onmouseout = "Blur ()" onblur = "if (value == '' ') {value =' White Dove Boy '}"> menino branco </textarea>
<textAea onMouseOver = "focus ()" onfocus = "if (value == 'White Dove Boy') {value = ''}" onmouseout = "Blur ()" onblur = "if (value == '' ') {value =' White Dove Boy '}"> menino branco </textarea>
6. Clique na caixa de texto com o mouse e qualquer texto na caixa de texto desaparece (incluindo o texto padrão e o texto inserido mais tarde):
<textarea onclick = ”value = '' ''
<textarea onclick = ”value = '' ''
7. Mova o mouse para a caixa de texto e qualquer texto na caixa de texto desaparece (incluindo o texto padrão e o texto inserido posteriormente):
)
)
8. Clique na caixa de texto e selecione todo o texto na caixa de texto:
<textarea onfocus = "select ()"> White Dove Boy </sexttarea>
<textarea onfocus = "select ()"> White Dove Boy </sexttarea>
9. Mova o mouse para a caixa de texto e selecione todo o texto na caixa de texto:
)
)
10. Após a entrada, o foco será transferido da caixa de texto atual para a próxima caixa de texto:
<textarea onkeydown = ”if (event.keycode == 13) event.KeyCode = 9 ″> White Dove Boy </sexttarea>
<textarea onkeydown = ”if (event.keycode == 13) event.KeyCode = 9 ″> White Dove Boy </sexttarea>
11. Após a entrada, o foco será transferido da caixa de texto atual para a posição especificada:
<textarea onkeypress = "return focusNext (this, 'nome do local de localização especificado', evento)"> garoto branco dove </sexttarea> </span>