<!DOCTYPE html>
<html lang="en">
<!-- Set the viewport width to match phone and tablet device widths -->
<meta name="viewport" content="width=device-width,user-scalable=no" />
<!-- Allow KeymanWeb to be saved to the iPhone home screen -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- Enable IE9 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>KeymanWeb Sample 1</title>
<h1>KeymanWeb Sample 1</h1>
<textarea cols="20" rows="5"></textarea>
In this example, we are loading KeymanWeb late. If you focus on a control early (e.g. a search box),
you may want to place the KeymanWeb code into the head instead, to ensure it is available by the
time the user wants to start typing.
<!-- KeymanWeb script -->
<script src='https://s.keyman.com/kmw/engine/13.0.111/keymanweb.js'></script>
For desktop browsers, a script for the user interface must be inserted here.
Standard UIs are toggle, button, float and toolbar.
The toolbar UI is best for any page designed to support keyboards for
a large number of languages.
<script src='https://s.keyman.com/kmw/engine/13.0.111/kmwuitoggle.js'></script>
<!-- Initialization: set paths to keyboards, resources and fonts as required -->
(function(kmw) {