Tick Symbol in HTML/Xhtml

Can I put a 'tick' symbol on an HTML button using the 'value' attribute?

You can copy the following symbol and paste it to your Buttons value.

✓

like this

<input type="button" value="✓ Test" />

create a Tick symbol in HTML table

you can use one of these codes:

<td align="center" style="text-align:center; font-size:150%; font-weight:bold; color:green;">✔</td>

<td align="center" style="text-align:center; font-size:150%; font-weight:bold; color:green;">✔</td>

although center is correct. you can remove one of text-align:center; or align="center" optionaly, as you want.

HTML entity for check mark

Something like this?

✔

if so, type the HTML ✔

And ✓ gives a lighter one:

✓

Using jQuery to add a ✔ tick mark in span

Use .html(). Also, enclose the value in quotes.

$('#spanid').html('✔');

.text() will convert the input to text string. .html() converts to HTML string/content and the character encoded can be seen.

Fiddle Demo

or if you already have the character ✔, .text() would work;

$('#spanid').text('✔');

My unicode for a check symbol in CSS not displaying in IE7

IE 7 does not support generated content (:before and :after pseudo-elements) at all. So the problem has nothing do with support to the CHECK MARK “✓” character, as you can see by testing with that character in HTML content (written as ✓ if needed) and with generated content using some common character, say content: 'X' (it won’t work either).

If IE 7 is relevant, consider adding the symbol into actual document content instead of generating it with CSS. You might consider doing this with JavaScript if it needs to be dynamic (in a browser).