Sha256: dba75d3edadf52b4aa2bf8b53e5d1ed6f26d882945656dc4ca86ccfba76952b5
Contents?: true
Size: 1.68 KB
Versions: 10
Compression:
Stored size: 1.68 KB
Contents
%section
%a.scroll-target{name: 'forms__html5'}
%h3.color-black HTML5 fields
%p
These are HTML5 specific and might not work for every app (i.e. IE). But
they are available in Tenon.
.panel.panel--padded
= f.number_field :number, label: 'Number field', placeholder: 'i.e. 1234'
%code
%p f.number_field :number, label: 'Number field', placeholder: 'i.e. 1234'
%p= link_to 'http://caniuse.com/#feat=input-number', 'http://caniuse.com/#feat=input-number', target: '_'
= f.email_field :text, label: 'Email field', placeholder: 'placeholder@email.com'
%code
%p f.email_field :text, label: 'Email field', placeholder: 'placeholder@email.com'
%p.font-smallest= link_to 'http://caniuse.com/#feat=input-email-tel-url', 'http://caniuse.com/#feat=input-email-tel-url', target: '_'
= f.phone_field :text, label: 'Phone field', placeholder: 'i.e. 905 522-7894'
%code
%p f.phone_field :text, label: 'Phone field', placeholder: 'i.e. 905 522-7894'
%p.font-smallest= link_to 'http://caniuse.com/#feat=input-email-tel-url', 'http://caniuse.com/#feat=input-email-tel-url', target: '_'
= f.url_field :text, label: 'URL field', placeholder: 'i.e. http://factore.ca'
%code
%p f.url_field :text, label: 'URL field', placeholder: 'i.e. http://factore.ca'
%p.font-smallest= link_to 'http://caniuse.com/#feat=input-email-tel-url', 'http://caniuse.com/#feat=input-email-tel-url', target: '_'
= f.color_field :text, label: 'HTML5 color picker field'
%code
%p f.color_field :text, label: 'HTML5 color picker field'
%p.font-smallest= link_to 'http://caniuse.com/#feat=input-color', 'http://caniuse.com/#feat=input-color', target: '_'
Version data entries
10 entries across 10 versions & 1 rubygems