Css Zero Showcase

Pages

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<%# Default %>
<%= text_field_tag "default_input", nil, class: "input", inputmode: "tel", placeholder: "+1 999 999-99-99", data: { controller: "inputmask", maska: "+1 ### ###-##-##" } %>
<%# Integer %>
<%= text_field_tag "integer_input", nil, class: "input", inputmode: "numeric", placeholder: "0", data: { controller: "inputmask", maska_number: true } %>
<%# Decimal %>
<%= text_field_tag "decimal_input", nil, class: "input", inputmode: "decimal", placeholder: "0.00", data: { controller: "inputmask", maska_number_fraction: "2", maska_number_unsigned: true } %>
<%# Date %>
<%= text_field_tag "date_input", nil, class: "input", inputmode: "numeric", placeholder: "mm/dd/yyyy", data: { controller: "inputmask", maska: "##/##/####" } %>
<%# Datetime %>
<%= text_field_tag "date_time_input", nil, class: "input", inputmode: "numeric", placeholder: "mm/dd/yyyy hh:mm", data: { controller: "inputmask", maska: "##/##/#### ##:##" } %>
<%# Dynamic %>
<%= text_field_tag "dynamic_input", nil, class: "input", inputmode: "numeric", placeholder: "CPF or CNPJ", data: { controller: "inputmask", maska: "['###.###.###-##', '##.###.###/####-##']" } %>