jQuery TextBox Setup

The TextBox widget allows you to type text. The underling elements from which the widget can be created is input and textarea. In order to render the TextBox JavaScript widget on a webpage, you need to:
1. Include references to all required scripts. Make sure you include the CSS file for your preferred theme.
2. Add an input element for which to initialize the TextBox functionality.
3. Initialize the widget.

<!DOCTYPE html>
<html>
<head>
<title>Shield TextBox</title>
<meta charset="utf-8" />

<link rel="stylesheet" type="text/css" href="css/light/all.min.css" />
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/shieldui-all.min.js" type="text/javascript"></script>
</head>
<body>

<input id="input" ></input>
<script type="text/javascript">
    $(function () {
        $("#input").shieldTextBox({
        });
    });
</script>

</body>
</html>

To see an example of the control in action, along with all the required code, please refer to the following example.