如何将分类框中的条目大写?

时间:2012-03-04 作者:John

用户可以在分类框(层次)中输入术语条目,我想强制条目大写(每个单词的第一个字母)。

我尝试添加text-transform:uppercase css添加到输入框中,虽然它将单词“在键入过程中”大写,但在将术语添加到输入框中时,它仍然不会将其注册为大写。

这意味着如果用户不按Shift键将单词大写,它将在输入框中显示为大写(因为css),但在分类框中不会显示为大写。

需要这样做的原因:

1) 在前端显示艺术家姓名时,例如迈克尔·杰克逊(MichaelJackson)或布鲁斯·斯普林斯汀(BruceSpringsteen),前端看起来不太好。

2) 另一个原因是在分类框中,当艺术家的名字没有大写时,它看起来不好。

那么主要问题有什么答案吗?

编辑:我认为我想到的另一种方法是像表单验证一样放置,因此当用户单击“添加新内容”时,会出现一个弹出框,说明他必须正确地将单词大写。问题是,我不太擅长javascript,所以我不知道代码是什么。

如果用户单击“添加新”按钮时,分类框中的条目大写正确,是否有人可以提供验证该条目的代码?

2 个回复
SO网友:mor7ifer

PHP有一个函数,它可以完全满足您的需要,ucwords(). 离开CSScapitalize 在那里,以便用户知道它将自动大写,然后当您过滤输入时(无论如何,您应该这样做,因为它是用户输入,请运行它ucwords() 就在数据库插入之前。

SO网友:cmegown

您不需要将CSS添加到管理区域-您需要添加text-transform: capitalize; 到HTML输出。比如说,你的元值是在<div class="entry-meta">, 您的css如下所示:.entry-meta { text-transform: capitalize; }.

这样,用户可以按自己的意愿键入信息,例如:“这是一些元信息”,而在浏览器中则是这样:“这是一些元信息”。

编辑:再次阅读时,我意识到您的意思可能是确实希望用户的单词在后端大写,但您需要使用jQuery来实现此解决方案,而不是CSS。由于我上面的回答可以解决元值输出时的问题,因此进一步利用用户的输入将浪费时间和资源。

结束

相关推荐