如何在按钮值中获取平方根符号？

Question

我想让平方根符号显示在我的按钮里，但是我无法做到。这是我的按钮代码：

<input type="button" id="sqrt" value="sqrt" onclick="insert function here">

我们的问题是，我需要让平方根符号显示出来，但似乎无法弄清楚如何实现。

- WilsonKoder111

Answer 1

如果您需要找到特定的符号，可以参考W3的字符实体参考表。

可以使用以下方法之一显示平方根 (√) 符号：

√
√
√
√

例如：

<input type="button" value="&radic;" />       <!-- or... -->
<input type="button" value="&Sqrt;" />        <!-- or... -->
<input type="button" value="&#x0221A;" />     <!-- or... -->
<input type="button" value="&#8730;" />

个人而言，我会选择 √ 或者 √，因为它们直接引用符号的 Unicode ID。浏览器可能没有为 √ 或者 √ 定义任何映射。

JSFiddle演示。

- James Donnelly

Answer 2

使用√：

<input class="sqrt-input" type="submit" value="&radic;" />

如果您不喜欢默认的外观，请更改字体：

/* If find Verdana pretty good for this and it's available 
on almost every browser. */
.sqrt-input {
    font-family: Verdana; 
}

- Holt

Answer 3

最简单的方法是使用字符本身：

<input type="button" id="sqrt" value="√" onclick="...">

你需要确保字符编码为utf-8，并在HTTP头中声明，但无论如何都应该这样做。

- Jukka K. Korpela

Answer 4

在按钮标签内使用img标签，像这样：

<button TYPE="submit" >
<img src="" >
</button>

在 src 属性中放置您的图像路径。您还可以添加高度和宽度属性来定义按钮的大小，以及像 align="absmiddle" 这样的属性来将图像定位在按钮中间。

例如：

<button TYPE="submit" >
<img style="height:25px;width:65px;" src="http://2.bp.blogspot.com/_0agwm6I7YZE/TO_DccbrDBI/AAAAAAAAMEU/0OADo56Xqxw/s1600/square-root.jpg" align="absmiddle" >
</button>

- Mustafa sabir