Javascript 将%强制放入文本框，向右对齐

我有一个显示百分比的文本框。我怎样才能在文本框中隐藏一个%符号（如果这个词是正确的话），使其始终在文本框的最右边？

我的首选策略是将

输入和任何您想要的标签包装在
div
中，使其看起来像
输入，然后从
输入中删除输入样式。我不会在制作页面上这样做宽度，但希望它能朝着正确的方向推进


.wrapper{边框：1px纯灰；宽度：110px；}
输入{边框：无；宽度：90px；}
.label{宽度：10px；}

%
我的首选策略是将
输入
和您想要的任何标签包装在
div
中，使其看起来像
输入
，然后从
输入
中删除输入样式。我不会在制作页面上这样做宽度，但希望它能朝着正确的方向推进


.wrapper{边框：1px纯灰；宽度：110px；}
输入{边框：无；宽度：90px；}
.label{宽度：10px；}

%
你需要的是用span添加%并将其放置在绝对左侧：0顶部：0这应该可以完成这个技巧这是演示


.row{float:left；position:relative；}
span{位置：绝对；右侧：0；顶部：0；}
%
您需要的是添加带有span的%并将其放置在绝对左侧位置：0顶部：0这应该可以完成此技巧这是演示


.row{float:left；position:relative；}
span{位置：绝对；右侧：0；顶部：0；}
%
这与您的目标接近吗


.percent包装器{
位置：相对位置；
}
.percent包装器：：之后{
内容：“\%”；
位置：绝对位置；
权利：.5rem；
字体大小：.9em；
线高：1.5em；
}
.包装器输入百分比{
文本对齐：右对齐；
右侧填充：1.5rem；
}
这与您的目标接近吗


.percent包装器{
位置：相对位置；
}
.percent包装器：：之后{
内容：“\%”；
位置：绝对位置；
权利：.5rem；
字体大小：.9em；
线高：1.5em；
}
.包装器输入百分比{
文本对齐：右对齐；
右侧填充：1.5rem；
}
您也可以使用字体可怕图标来显示此
fa百分比
。
就这么做吧

1.`link to FontAwesome` 
2. in placeholder for `<input>` use the `placeholder = `HTML entity for fa-percent`
3. in your custom CSS give `font-family: FontAwesome;text-align:right;` to the input field


你就是这样做的
您也可以使用字体可怕图标来显示此
fa百分比
。
就这么做吧

1.`link to FontAwesome` 
2. in placeholder for `<input>` use the `placeholder = `HTML entity for fa-percent`
3. in your custom CSS give `font-family: FontAwesome;text-align:right;` to the input field


你就是这样做的
因为
输入
元素不能包含其他元素（或
：：before/：：after
伪类），最好的方法可能是创建一个
背景图像
，在文本框中加上%符号并将其对齐。很可能，
：：after
伪元素是您最好的朋友。但是，除非你不提供问题的答案，否则你很可能得不到太多的帮助。请注意，
元素不能包含伪元素，您需要为任务提供包装。这可能会有所帮助，因为
输入
元素不能包含其他元素（或
：之前/：：之后
伪类），最好的方法可能是创建一个
背景图像
，在文本框中添加一个%符号，并将其对齐。最有可能的是，
：：after
伪元素是您最好的朋友。但是，除非你不提供问题的答案，否则你很可能得不到太多的帮助。请注意
元素不能有伪元素，您需要一个用于任务的包装器。这可能有助于期待它！期待它！哈我不知道Bootstrap的输入组，但这是一个完美的解决方案！Bootstrap是最流行的前端库，这是有充分理由的。有很多方便的工具和包装器来解决最常见的用户体验问题，其解决方案是跨浏览器和跨设备。如果您决定将其添加到项目中，请花几个小时浏览其功能。你不会后悔的。除此之外，在你需要的时候，这里有很多定制的例子。哦，它已经被添加了。我从不启动没有引导的项目。我应该在OP中提到它，但我只是不知道有一个基于引导的解决方案。哈！我不知道Bootstrap的输入组，但这是一个完美的解决方案！Bootstrap是最流行的前端库，这是有充分理由的。有很多方便的工具和包装器来解决最常见的用户体验问题，其解决方案是跨浏览器和跨设备。如果您决定将其添加到项目中，请花几个小时浏览其功能。你不会后悔的。除此之外，在你需要的时候，这里有很多定制的例子。哦，它已经被添加了。我从不启动没有引导的项目。我应该在OP中提到它，但我只是不知道有一个基于引导的解决方案。