<html>
<head>
<title>Abakada HTML Demo: autocapitalize Property</title>
<link rel="stylesheet" href="/shared/netdemos.css">
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada HTML Demo: <span class="hilite">autocapitalize</span> Property</h2></div>
<hr size=1 width=92%>
<center>
<p>Form to test different autocapitalize settings:</p>
<p><b>NOTE:</b> Test the effect on each input using a virtual keyboard or voice entry. Keyboard entry will not work. </p>
<form>
<table bgcolor=beige cellpadding=8 style="border: 1px inset">
<tr>
<td align=right><label for="default">no autocapitalize set</label>
<td><input type="text" id="default" name="default" />
<tr>
<td align=right><label for="off">autocapitalize="off"</label></label>
<td><input type="text" id="off" name="off" autocapitalize="off" />
<tr>
<td align=right><label for="none">autocapitalize="none"</label>
<td><input type="text" id="none" name="none" autocapitalize="none" />
<tr>
<td align=right><label for="on">autocapitalize="on"</label>
<td><input type="text" id="on" name="on" autocapitalize="on" />
<tr>
<td align=right><label for="sentences">autocapitalize="sentences"</label>
<td><input type="text" id="sentences" name="sentences" autocapitalize="sentences" />
<tr>
<td align=right><label for="words">autocapitalize="words"</label>
<td><input type="text" id="words" name="words" autocapitalize="words" />
<tr>
<td align=right><label for="characters">autocapitalize="characters"</label>
<td><input type="text" id="characters" name="characters" autocapitalize="characters" />
<tr>
<td align=right><label for="characters-ta">autocapitalize="characters"</label>
<td><textarea type="text" id="characters-ta" name="characters-ta" autocapitalize="characters"></textarea>
</table>
</form>
<p contenteditable autocapitalize="characters">This content is editable and has autocapitalize="characters" set on it.</p>
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>