Input type="text" : 不带 rtl 显示内容的右侧部分答案

【问题标题】：Input type="text" : displaying right part of content without rtlInput type="text" : 不带 rtl 显示内容的右侧部分
【发布时间】：2014-11-03 13:54:57
【问题描述】：

当<input type="text"> 被一个长字符串填充并失去焦点时，我们只看到字符串的左边，而看不到结尾。我想扭转这种行为，因为在我的用例中，字符串的结尾比开头重要得多。

有了rtl属性，显示就好了，但我还是想从左到右写。

http://jsfiddle.net/9fqjz76h/

我的用例包括只读或禁用属性，因此我无法通过焦点和文本选择“作弊”。

还有其他解决办法吗？

【问题讨论】：

显示不很好。尝试在字段中输入a(1)，您会看到。
这个？ jsfiddle.net/1xt260ez
为什么用户不能更改的数据使用input？在不弄乱实际文本方向的情况下使文本在左侧溢出可能是可行的，但是使用input 并且没有 JavaScript，这看起来像是不可能完成的任务。
我用按钮构建了一个计算器，可以在输入中添加字符，所以input 似乎是最好的“语义”标签。但你是对的，div 将是解决我的问题的方法。谢谢！
Jukka ：这就是我问解决方案的原因，如果打字正常，我不会有任何问题。本杰明：text-align:right 不起作用。

标签： css html forms input

【解决方案1】：

如果你不反对使用 jQuery，试试这个。

$('input').blur(
    function(){
        $(this).attr('dir','rtl')
    }
);
$('input').focus(
    function(){
        $(this).attr('dir','ltr')
    }
);

Fiddle

【讨论】：