Изображение воспроизведения:
Конкретная реализация:
1. Содержимое тега Textarea
Кода -копия выглядит следующим образом:
<span style = "font-size: 14px;"> <tr>
<td align = "right" valign = "top"> Примечание: </td>
<td> <textarea name = "" id = "замечание" cols = "" rows = "" onfocus = "this.classname = 'textarea220l'; this.onmouseout = ''; getaddfocus ('замечание');" onblur = "this.classname = 'textarea220'; this.onmouseout = function () {this.classname = 'textarea220'}; LostAddfocus ('замечание');" onmouseMove = "this.classname = 'textarea220lg'" onmouseout = "this.classname = 'textarea220'"> </textarea> </td>
</tr> </span>
2. Инициализация позволяет вам вводить до 50 слов при нажатии кнопки «Добавить».
Кода -копия выглядит следующим образом:
<span style = "font-size: 14px;"> $ ("#введение"). Val ("может быть введено максимум 50 слов");
document.getElementbyId ("Введение"). Style.color = "grey"; </span>
3. JS Script
Кода -копия выглядит следующим образом:
<span style = "font-size: 14px;"> function getAddfocus (id) {// Для введения и примечаний в операции добавления Textarea получает Focus Clear Box
var textARea = document.getElementByid (id);
textarea.value = "";
textarea.style.color = "black";
}
Функция LOSTADDFOCUS (ID) {// Для введения и примечаний в операции добавления, если TextAREA теряет фокус, а содержимое пустое, сообщение о приглашении будет отображаться
var textARea = document.getElementByid (id);
var TextAREA_VALUE = TEXTAREA.Value;
if (textarea_value == "") {
TextAREA.Value = "Можно ввести максимум 50 слов";
textarea.style.color = "grey";
}
} </span>
Ссылка на использование фокуса Textarea, написанного друзьями CSDN:
Кода -копия выглядит следующим образом:
<span style = "font-size: 14px;"> 1. В текстовом поле отображается текст по умолчанию:
<Textarea> White Dove Boy </textarea>
<Textarea> White Dove Boy </textarea>
2. Нажмите на текстовое поле с помощью мыши, и текст по умолчанию исчезает:
<textarea onfocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </textarea>
<textarea onfocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </textarea>
3. Переместите мышь в текстовое поле, и текст по умолчанию исчезает:
<textarea onmouseover = ”Focus ()” onfocus = ”if (value == 'White Dove Boy') {value = '' '}"> Белый голубец </textarea>
<textarea onmouseover = ”Focus ()” onfocus = ”if (value == 'White Dove Boy') {value = '' '}"> Белый голубец </textarea>
4. Нажмите на текстовое поле с помощью мыши, текст по умолчанию исчезает, нажмите на любую область за пределами текстового поля, и текст по умолчанию снова появляется: снова появляется:
<TextARea onfocus = ”if (value == 'White Dove Boy') {value = ''}" onblur = "if (value == '') {value = 'White Dove Boy'}"> Белый голубь </textarea>
<TextARea onfocus = ”if (value == 'White Dove Boy') {value = ''}" onblur = "if (value == '') {value = 'White Dove Boy'}"> Белый голубь </textarea>
5. Переместите мышь в текстовое поле, текст по умолчанию исчезает, мышь выходить из текстового поля, а текст по умолчанию вновь появляется:
<TextARea onmouseover = ”FOUNCE ()” onfocus = ”if (value == 'White Dove Boy') {value = '' '}" onmouseout = "blur ()" onblur = "if (value ==' '') {value = 'Белый Boy'}"> Белый Dove Boy </textArea> {value = 'White Dove Boy'}
<TextARea onmouseover = ”FOUNCE ()” onfocus = ”if (value == 'White Dove Boy') {value = '' '}" onmouseout = "blur ()" onblur = "if (value ==' '') {value = 'Белый Boy'}"> Белый Dove Boy </textArea> {value = 'White Dove Boy'}
6. Нажмите на текстовое поле с помощью мыши, и любой текст в текстовом поле исчезает (включая текст по умолчанию и текст, введенный позже):
<textarea onclick = ”value =’ '”> White Dove Boy </textarea>
<textarea onclick = ”value =’ '”> White Dove Boy </textarea>
7. Переместите мышь в текстовое поле, и любой текст в текстовом поле исчезает (включая текст по умолчанию и текст, введенный позже):
<textarea onmouseover = ”value =’ '”> White Dove Boy </textarea>
<textarea onmouseover = ”value =’ '”> White Dove Boy </textarea>
8. Нажмите на текстовое поле и выберите весь текст в текстовом поле:
<textarea onfocus = "select ()"> White Dove Boy </textarea>
<textarea onfocus = "select ()"> White Dove Boy </textarea>
9. Переместите мышь в текстовое поле и выберите весь текст в текстовом поле:
<textarea onmouseover = ”Focus ()” onfocus = ”select ()”> White Dove Boy </textarea>
<textarea onmouseover = ”Focus ()” onfocus = ”select ()”> White Dove Boy </textarea>
10. После входа фокус будет перенесен из текущего текстового поля в следующее текстовое поле:
<textarea onkeydown = ”if (event.keycode == 13) event.keycode = 9 ″> Белый Dove Boy </textarea>
<textarea onkeydown = ”if (event.keycode == 13) event.keycode = 9 ″> Белый Dove Boy </textarea>
11. После входа фокус будет перенесен из текущего текстового поля в указанную позицию:
<textarea onkeypress = "return focusnext (this, 'указанное имя идентификатора местоположения', Event)"> White Dove Boy </textarea> </span>