Question

I have a submit button that is used to save a form. Inside the submit button I want to use a HTML tag. I am using Font Awesome and I would like the save icon to appear next to the word save in the button. The HTML for this is

<i class="icon-save"></i> Save

The only problem is I cannot seem to get HTML to render inside the value="" property on the submit button. How can I get HTML to render inside the submit button? This doesn’t parse the HTML, it actually renders a button with the literal contents

<input type="submit" value="<i class='icon-save'></i> Save" />

Here is an example of what I want

Answer 1

did you try the button tag like this :

<button type="submit">
   <i class='icon-save'></i> Save
</button>