Как создать несколько заполнителей в одном текстовом поле формы Extjs

Я пытаюсь получить представление, как на картинке. Я использую форму Ext js. Какие-либо предложения? Если бы это была одна строка, это не было бы проблемой. Но UX требует, чтобы текстовое поле было похоже на это.Как создать несколько заполнителей в одном текстовом поле формы Extjs

источник

2016-07-18 Krishna PS

Привет Вы имеете в виду multline? – Issamovitch

http://stackoverflow.com/questions/7189223/can-you-have-multiline-html5-placeholder-text-in-a-textarea – Issamovitch

http://stackoverflow.com/questions/38300286/how-to-add -tooltip-to-text-form-field-in-extjs6/38301855 # 38301855 – UDID

Вот обходной путь.

div { 
 
    position: relative; 
 
    font-family: arial; 
 
    font-size: 12px; 
 
} 
 
textarea { 
 
    font-family: arial; 
 
    font-size: 13px; 
 
    padding: 10px; 
 
} 
 
span { 
 
    color: #aaa; 
 
    position: absolute; 
 
    content: "Max 180 characters"; 
 
    bottom: 10px; 
 
    transform: translateX(calc(-100% - 10px)); 
 
    white-space: nowrap; 
 
} 
 
textarea:focus + span { 
 
    display: none; 
 
}

<div> 
 
<textarea placeholder="Please provide additional information" rows="4" cols="50"> 
 
</textarea> 
 
    <span>Max 180 characters</span> 
 
</div>

источник

2016-07-19 07:57:58 Pugazh

Спасибо за это. Ценить это. Получено изменение от UX с строкой Max 180 Chars под текстовым полем, и она должна отсчитывать по мере их ввода. –

Как создать несколько заполнителей в одном текстовом поле формы Extjs

ответ

Смежные вопросы