Add NumberInputWidget for <input type="number" />

tailbone/forms/widgets.py

@@ -50,6 +50,11 @@ class ReadonlyWidget(dfwidget.HiddenWidget):
         return HTML.tag('span', text) + tags.hidden(field.name, value=cstruct, id=field.oid)
 
 
+class NumberInputWidget(dfwidget.TextInputWidget):
+    template = 'numberinput'
+    autocomplete = 'off'
+
+
 class PlainSelectWidget(dfwidget.SelectWidget):
     template = 'select_plain'
 

tailbone/templates/deform/numberinput.pt

@@ -0,0 +1,24 @@
+<span tal:define="name name|field.name;
+                  css_class css_class|field.widget.css_class;
+                  oid oid|field.oid;
+                  mask mask|field.widget.mask;
+                  mask_placeholder mask_placeholder|field.widget.mask_placeholder;
+                  style style|field.widget.style;
+                  autocomplete autocomplete|field.widget.autocomplete|'off';
+"
+      tal:omit-tag="">
+    <input type="number" name="${name}" value="${cstruct}" 
+           tal:attributes="class string: form-control ${css_class or ''};
+                           style style;
+                           autocomplete autocomplete;
+                           "
+           id="${oid}"/>
+    <script tal:condition="mask" type="text/javascript">
+      deform.addCallback(
+         '${oid}',
+         function (oid) {
+            $("#" + oid).mask("${mask}", 
+                 {placeholder:"${mask_placeholder}"});
+         });
+    </script>
+</span>