72 строки
3.1 KiB
HTML
72 строки
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
<title>Spellchecking</title>
|
|
<meta name="og:title" content="Spellchecking"/>
|
|
<meta name="description" content="Learn about Internet Explorer's support for spellchecking and how to use it"/>
|
|
<meta name="keywords" content="input, spellcheck, textarea, textbox, html5"/>
|
|
<link rel="stylesheet" type="text/css" href="styles/demotemplate.css"/>
|
|
<link rel="stylesheet" type="text/css" href="styles/demo.css"/>
|
|
</head>
|
|
<body>
|
|
<h1 id="demo-title">
|
|
Spellchecking in IE10
|
|
</h1>
|
|
|
|
<div id="demo-screenreader-text"> IE10 now supports HTML5 spellchecking. As you type text into textarea and
|
|
contenteditable regions, the browser automatically checks your spelling.
|
|
</div>
|
|
<div id="demo-introduction"> IE10 Spellchecking brings the "best in class" spelling engine and dictionaries used by
|
|
Microsoft to the browser. IE10 is also the first browser to support auto-correction of text while you type! Try it
|
|
out.
|
|
</div>
|
|
<div id="demo-content">
|
|
<p>Try typing the following commonly misspelled words into the edit box below. When a misspelled word is identified,
|
|
place the cursor in the word and press Shift+F10 to bring up the correction menu.</p>
|
|
<table>
|
|
<tr>
|
|
<td>acceptible*</td>
|
|
<td>commited</td>
|
|
<td>dicipline*</td>
|
|
</tr>
|
|
<tr>
|
|
<td>recieve*</td>
|
|
<td>ocurrance</td>
|
|
<td>vaccume</td>
|
|
</tr>
|
|
</table>
|
|
<textarea placeholder="Try out your (mis-)spelling here"></textarea>
|
|
|
|
<div>
|
|
<p>Preexisting text will not be spellchecked, however pasted text will be checked when it is inserted. Try <b>copying
|
|
and pasting</b> the following text into the text area:</p> <span>IE10 spelling corection is based on the latest Microsoft spellchecing engine and dictionarys. IE10's spell checker also includes auto-correction to help corrct mistacks while you type!</span>
|
|
</div>
|
|
</div>
|
|
<div id="demo-details">
|
|
<h2 class="clear">Autocorrection</h2>
|
|
|
|
<p>Did you notice anything unusual about the above words with asterisks (*)?</p>
|
|
|
|
<p>IE10+ also supports autocorrection or "correction-while-you-type." Commonly misspelled words will be corrected
|
|
immediately, making your review process faster.</p>
|
|
|
|
<h2>The <span class="tt">spellcheck</span> attribute</h2>
|
|
|
|
<p>Spellchecking is active by default on <textarea> and <i>contenteditable</i> elements, and off by default
|
|
for text boxes</p>
|
|
|
|
<p>Web developers can override the defaults using the <span class="tt">spellcheck</span> attribute.</p>
|
|
<fieldset>
|
|
<div>
|
|
<input type="text" class="spell-input" placeholder="This input has spellcheck=false" spellcheck="false"/>
|
|
<span class="tt">spellcheck=false</span> (disabled)
|
|
</div>
|
|
<div>
|
|
<input type="text" class="spell-input" placeholder="This input has spellcheck=true" spellcheck="true"/>
|
|
<span class="tt">spellcheck=true</span> (enabled)
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</body>
|
|
</html> |