输入文本框显示的结束字符串比从头开始

时间:2019-04-08 16:29:57

标签: javascript html input styles

当文本框内的字符串长度为5个字母时,字符串为“ aaaaabbb”。 我想看到[aabbb]休息,而不是[aaaaa]。

我尝试过:

1)方向:rtl <-这似乎可以显示,但是,当我尝试在abcdefghijklmn(更多单词)之后写更多内容时,单词从文本开头开始写。 (例如opqrstu [abcdefghijklmn]),我不想要。

2)文本对齐:右<-这只会将文本拉到文本框的右侧。将不显示结尾字母。

<input class="control" style=" width:18%; height:100%; margin-right: .5%;" id="link${customer.customerId}" value=${customer.link}></input>

当链接地址很长时,我想先查看最后一部分,然后再单击以查看,因为第一部分是与https://....etc相同的字符串

2 个答案:

答案 0 :(得分:1)

在HTML属性中使用模板字符串时要小心。它们通常仅在脚本文件中运行时有效。

答案 1 :(得分:0)

AFAIU,您不能。

方向:rtl适用于阿拉伯国家和其他从右到左书写的语言,因此一切都变成倒过来。

这是基本功能,在组件的浏览器实现中进行了硬编码。更改此设置的唯一方法是从头开始绘制组件并为其提供所有事件。 对于这么小的事情,这是一个非常漫长的工作。

您唯一的希望也许就是找到一个已经开发的提供此功能的组件,一个遮罩组件或其他东西。我不知道有什么办法可以解决这个问题。

修改

Jquery-Mask-Plugin提供“反向”选项。查看它是否符合您的需求。检查“ CPF”类型。

https://igorescobar.github.io/jQuery-Mask-Plugin/