如何在Extjs表单的单个文本区域中使用多个占位符

Question

我正在尝试获取图像中的视图。我正在使用Ext js表单。有什么建议？如果它是单行，那就不会有问题了。但UX需要文本框与此类似。

Answer 1

这是一种解决方法。

＆＃13;

＆＃13;

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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;