<span tal:define="name name|field.name;
                  css_class css_class|field.widget.css_class;
                  oid oid|field.oid;
                  mask mask|field.widget.mask;
                  placeholder placeholder|field.widget.placeholder|field.placeholder|'';
                  mask_placeholder mask_placeholder|field.widget.mask_placeholder;
                  style style|field.widget.style;
                  help_block help_block|field.widget.help_block|'';
                 "
      tal:omit-tag="">

<input type="text" name="${name}" value="${cstruct}"
       id="${oid}"
       placeholder="${placeholder}"

       tal:attributes="class string: form-control ${css_class or ''};
                       style style"
/>

<p tal:condition="help_block" class="help-block">${help_block}</p>
<script tal:condition="mask" type="text/javascript">
  deform.addCallback(
     '${oid}',
     function (oid) {
        $("#" + oid).mask("${mask}",
             {placeholder:"${mask_placeholder}"});
     });
</script>

</span>