<script src="../content/js/cultures/kendo.culture.bg-BG.min.js"></script>
<div id="product-view" class="k-header">
<div class="right">
<label for="culture">Choose culture:</label>
<input id="culture" value="en-US" />
</div>
<h2>Product promotion</h2>
<ul id="fieldlist">
<li>
<label for="initial">Initial price:</label>
<?php
$initial = new \Kendo\UI\MaskedTextBox('initial');
$initial->mask('9,999.99 $');
$initial->value('1234.56');
echo $initial->render();
?>
</li>
</ul>
</div>
<style scoped>
#example h2 {
padding: 5px 0;
font-weight: normal;
border-bottom: 1px solid #999;
}
#product-view {
border-radius: 10px 10px 10px 10px;
border-style: solid;
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
$phone_number = new \Kendo\UI\MaskedTextBox('phone_number');
$phone_number->value("555 123 4567")->mask("(999) 000-0000");
$credit_card = new \Kendo\UI\MaskedTextBox('credit_card');
$credit_card->value("1234 1234 1234 1234")->mask("0000 0000 0000 0000");
$ssn = new \Kendo\UI\MaskedTextBox('ssn');
$ssn->value("003-12-3456")->mask("000-00-0000");
$postcode = new \Kendo\UI\MaskedTextBox('postcode');
$postcode->value("W1N 1AC")->mask("L0L 0LL");
?>
<div class="demo-section">
<h2>Mask Input </h2>
<ul id="fieldlist">
<li>
<label for="phone_number">Phone number:</label>
<?php
echo $phone_number->render();
?>
</li>
<li>
<label for="credit_card">Credit Card number:</label>
<?php
echo $credit_card->render();
?>
</li>
<li>
<label for="ssn">Social security number:</label>
