Intellipaat Back

Explore Courses Blog Tutorials Interview Questions

Tick symbol in HTML/XHTML

0 votes
2 views
in Web Technology by (20.3k points)

We need to display a  tick symbol  (✓ or ✔) within an internal web app and would ideally like to avoid using an image.

Has to work starting with IE 6.0.2900 on an XP box, ideally, we need it to be cross-browser (IE + recent versions of FF).

The following displays boxes although sets browser encoding to UTF-8 (META works nicely and not the issue). The default font is Times New Roman (might be an issue, but trying Lucida Sans Unicode doesn't help and I have neither Arial Unicode MS nor Lucida Grande installed).

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

</head>

<body>

 &#10003; &#10004;

</body>

</html>

Any help appreciated.

The following works under IE 6.0 and IE 7:

<html>

<head>

</head>

<body>

 <span style="font-family: wingdings; font-size: 200%;">&#252;</span>

</body>

</html>

I would appreciate it if someone could check under FF on Windows. I am pretty sure it won't work on a non-Windows box.

1 Answer

0 votes
by (40.7k points)

I believe you are using less-well-supported Unicode values, which don't always have glyphs for all the code points.

Try using the following characters:

☐ (0x2610 in Unicode hexadecimal [HTML decimal: &#9744;]): an empty (unchecked) checkbox

☑ (0x2611 [HTML decimal: &#9745;]): the checked version of the previous checkbox

✓ (0x2713 [HTML decimal: &#10003;])

✔ (0x2714 [HTML decimal: &#10004;])

Note: There seems to be some confusion about the first symbol here, ☐ / 0x2610. This is an empty (unchecked) checkbox, so if you see a box, that's the way it's supposed to look. It's the counterpart to ☑ / 0x2611, which is then checked version.

Related questions

0 votes
1 answer
Can an html element have multiple ids?
asked Sep 6, 2019 in Web Technology by Tech4ever (20.3k points)
0 votes
1 answer
Strip HTML from Text JavaScript
asked Aug 27, 2019 in Web Technology by Tech4ever (20.3k points)
0 votes
1 answer
Can we have multiple <tbody> in same <table>?
asked Aug 27, 2019 in Web Technology by Tech4ever (20.3k points)
0 votes
1 answer
Which tag creates a checkbox for a form in HTML?
asked Feb 25, 2021 in Web Technology by dev_sk2311 (45k points)

Browse Categories

© COPYRIGHT 2011-2024 INTELLIPAAT.COM. ALL RIGHTS RESERVED.

Download Salary Trends Now !

Learn how professionals like you got up to 100% Salary Hike.

...