IE10 Spell Check on Infopath 2010 Browser Enabled Forms

Question

We are rolling out some new InfoPath browser enabled forms in SharePoint 2010. We are hoping to use the Internet Explorer 10 spell check functionality, as I know the InfoPath spell check functionality isn't available in browser enabled forms.
What we've found is that IE10 spell check functionality appears to only work in Rich Text multiline boxes. Single Line or Plain Text multi-line text boxes don't support the spell check, which is causing some frustration.
I found this page that outlines how IE10's spell check engine works:
http://ie.microsoft.com/testdrive/Browser/SpellChecking/
It specifies that: "Spellchecking is active by default on <textarea> and
contenteditable elements, and off by default for text boxes. Web developers can override the defaults using the <tt>spellcheck</tt> attribute."
I assume this means that it doesn't interpret the single line and plain text controls as textarea or contentditable elements.
So, any idea how to set the spellcheck attribute in InfoPath, or otherwise force this? Thanks!

Answer 1

Hi,
I understand that you want to enable spelling check in  InfoPath browser enabled forms. You can add a Content Editor Web Part in your NewForm.
1. Right click the Add new item link in your list/library
2. Copy the URL and open it in a new tab
3. Add a Content Editor Web Part and add below JS code:
<script language="javascript" src="/_layouts/1033/SpellCheckEntirePage.js?rev=zYQ05cOj5Dk74UkTZzEIRw%3D%3D" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function CheckSpelling()
SpellCheckEntirePage('/_vti_bin/SpellCheck.asmx', '/_layouts/SpellChecker.aspx');
</script>
<a onclick="CheckSpelling();" href="javascript:"><img alt="Spell Check" src="_layouts/1033/images/RTE2SPCHK.GIF" style="border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px"/></a>
4. When you click Add new item link, you can see a spell check button in your page.
Thanks,
Kenon Yin