想要在输入字段中使用特殊的私有字符答案

【问题标题】：Want special private character to use in input field想要在输入字段中使用特殊的私有字符
【发布时间】：2016-03-25 12:41:55
【问题描述】：

我认为这很容易，但显然需要比我更聪明的人才能做到这一点。我的项目作为一个特殊的货币符号来代替 $。我们一直将它用作一个小图像并嵌入<img>。但是，不能在 <input> 字段中使用它。特别想让它成为 type=submit <input> 字段中按钮文本的一部分。

我读了很多书，但不明白这样做有什么意义。我使用 Windows 私有字符编辑器创建了一个私有字符，但我需要一种方法让 html 在 <input> 字段中为我呈现它。

我正在阅读有关<glyph-data> 以及图标字体的信息。我有这种感觉（只是一种感觉）图标字体可能会为我做这件事，但它看起来像是对时间的大量投资来完成它。

任何人都可以为此提出一种有意义的方法吗？

【问题讨论】：

设置输入按钮的背景图片。
您的货币符号是否支持 Unicode？span>
我的意思是，您的货币符号是these之一吗？
这是一种独特的“货币”，用于在我们的应用程序中表示信用，因此现有符号对我们不起作用，但感谢 Walter 的参考。
每个回复都很有用。谢谢大家。

标签： html

【解决方案1】：

已经有常见的currency sign：¤（&curren; 或&#164;）。我建议以 SVG 格式获取您想要的“私人图像”，访问 IcoMoon 网络应用程序，将其上传到那里，生成网络字体，同时分配相应的字符点 00a4。通过这种方式，您将获得向后兼容的通用货币符号表示，并具有您意愿的替代形状。

【讨论】：

【解决方案2】：

您可以在按钮中使用图像或图标，这是一个很好的示例 - Font-awesome, input type 'submit'

【讨论】：

【解决方案3】：

创建一个特殊字符只不过是创建一个徽标或类似的东西。您需要将此符号导出为 SVG 并将其用作嵌入式 SVG 或图标字体（我建议使用http://fontello.com/）。

另外，请注意，如果你只想在按钮中使用它，你可以使用<button>标签，像这样：

<button type="submit"><img src="your/image.png" alt="currency"></button>

它将像 input[type="submit"] 一样工作。

【讨论】：

【解决方案4】：

您可以设置按钮（或任何输入字段）的背景图像。

#submitButton {
  background-image: url('/link/to/image');
  background-position: left center;
  padding-left: 12px; /* or whatever your image width is */
}

上面的 CSS 假设您在提交按钮中添加了额外的文本

<input type="submit" id="submitButton" value="Some text"/>

如果你不放任何文字，只想使用图片，你可以将背景位置设置为 center center 并移除 padding-left

【讨论】：