用户可以在分类框(层次)中输入术语条目,我想强制条目大写(每个单词的第一个字母)。
我尝试添加text-transform:uppercase
css添加到输入框中,虽然它将单词“在键入过程中”大写,但在将术语添加到输入框中时,它仍然不会将其注册为大写。
这意味着如果用户不按Shift键将单词大写,它将在输入框中显示为大写(因为css),但在分类框中不会显示为大写。
需要这样做的原因:
1) 在前端显示艺术家姓名时,例如迈克尔·杰克逊(MichaelJackson)或布鲁斯·斯普林斯汀(BruceSpringsteen),前端看起来不太好。
2) 另一个原因是在分类框中,当艺术家的名字没有大写时,它看起来不好。
那么主要问题有什么答案吗?
编辑:我认为我想到的另一种方法是像表单验证一样放置,因此当用户单击“添加新内容”时,会出现一个弹出框,说明他必须正确地将单词大写。问题是,我不太擅长javascript,所以我不知道代码是什么。
如果用户单击“添加新”按钮时,分类框中的条目大写正确,是否有人可以提供验证该条目的代码?
SO网友:cmegown
您不需要将CSS添加到管理区域-您需要添加text-transform: capitalize;
到HTML输出。比如说,你的元值是在<div class="entry-meta">
, 您的css如下所示:.entry-meta { text-transform: capitalize; }
.
这样,用户可以按自己的意愿键入信息,例如:“这是一些元信息”,而在浏览器中则是这样:“这是一些元信息”。
编辑:再次阅读时,我意识到您的意思可能是确实希望用户的单词在后端大写,但您需要使用jQuery来实现此解决方案,而不是CSS。由于我上面的回答可以解决元值输出时的问题,因此进一步利用用户的输入将浪费时间和资源。