{"id":2524,"date":"2013-06-05T16:30:18","date_gmt":"2013-06-05T16:30:18","guid":{"rendered":"http:\/\/weblusive.com\/epic\/?page_id=2524"},"modified":"2013-06-05T16:30:18","modified_gmt":"2013-06-05T16:30:18","slug":"forms","status":"publish","type":"page","link":"https:\/\/www.pardosilver.com\/?page_id=2524","title":{"rendered":"Forms"},"content":{"rendered":"<h3>Forms<\/h3>\n<p>With Foundation, we set out to create an easy to handle, powerful and versatile form layout system. A combination of form styles and the Foundation grid means you can do basically anything.<\/p>\n<form>\n<fieldset>\n<legend>Fieldset<\/legend>\n<p>[row]<br \/>\n[one_whole]<br \/>\n<label>Input Label<\/label><input type=\"text\" placeholder=\"large-12.columns\" \/><br \/>\n[\/one_whole]<br \/>\n[\/row]<br \/>\n[row]<br \/>\n<div class='content-column one_third'><label>Input Label<\/label><input type=\"text\" placeholder=\"large-4.columns\" \/><br \/><\/div><br \/>\n<div class='content-column one_third'><label>Input Label<\/label><input type=\"text\" placeholder=\"large-4.columns\" \/><br \/><\/div><br \/>\n<div class='content-column one_third'><label>Input Label<\/label><input type=\"text\" placeholder=\"large-4.columns\" \/><br \/><\/div><br \/>\n[\/row]<br \/>\n[row]<br \/>\n[one_whole]<br \/>\n<label>Textarea Label<\/label><textarea placeholder=\"small-12.columns\"><\/textarea><br \/>\n[\/one_whole]<br \/>\n[\/row]<\/fieldset>\n<\/form>\n<h3>Error States<\/h3>\n<p>Foundation includes error states for labels, inputs and messaging that you can have your app generate programatically. You can attach a class of <code>.error<\/code> either to the individual elements (label, input, small) or to a column\/div.<\/p>\n<form>\n[row]<br \/>\n<div class='content-column one_half'><label class=\"error\">Error<\/label><input class=\"error\" type=\"text\" \/><small class=\"error\">Invalid entry<\/small><br \/><\/div><br \/>\n<div class='content-column one_half'><label class=\"error\">Another Error<\/label><input class=\"error\" type=\"text\" \/><small class=\"error\">Invalid entry<\/small><br \/><\/div><br \/>\n[one_whole]<br \/>\n<textarea class=\"error\" placeholder=\"Message...\"><\/textarea><small class=\"error\">Invalid entry<\/small><br \/>\n[\/one_whole]<br \/>\n[\/row]<br \/>\n<\/form>\n<h3>Custom Forms<\/h3>\n<p>It&#8217;s so crazy easy to create easy-to-style custom forms. It&#8217;s practically a crime.<\/p>\n<form class=\"custom\">\n[row]<br \/>\n<div class='content-column one_third'><label for=\"radio1\"><input id=\"radio1\" style=\"display: none;\" type=\"radio\" checked=\"checked\" name=\"radio1\" \/> Radio Button 1<\/label><br \/>\n<label for=\"radio2\"><input id=\"radio2\" style=\"display: none;\" type=\"radio\" name=\"radio1\" \/> Radio Button 2<\/label><br \/>\n<label for=\"radio3\"><input id=\"radio3\" style=\"display: none;\" type=\"radio\" disabled=\"disabled\" name=\"radio1\" \/> Radio Button 3<\/label><br \/><\/div><br \/>\n<div class='content-column one_third'><label for=\"checkbox1\"><input id=\"checkbox1\" style=\"display: none;\" type=\"checkbox\" \/> Label for Checkbox<\/label><br \/>\n<label for=\"checkbox2\"><input id=\"checkbox2\" style=\"display: none;\" type=\"checkbox\" checked=\"checked\" \/> Label for Checkbox<\/label><br \/>\n<label for=\"checkbox3\"><input id=\"checkbox3\" style=\"display: none;\" type=\"checkbox\" checked=\"checked\" \/> Label for Checkbox<\/label><br \/><\/div><br \/>\n<div class='content-column one_third'><label for=\"customDropdown1\">Medium Example<\/label><select class=\"medium\" id=\"customDropdown1\" style=\"display: none;\"><option disabled=\"disabled\">This is a dropdown<\/option><option>This is another option<\/option><option>This is another option too<\/option><option>Look, a third option<\/option><\/select><\/p>\n<div class=\"custom dropdown medium\"><a class=\"current\" href=\"#\">Look, a third option<\/a><\/p>\n<ul>\n<li class=\"disabled\">This is a dropdown<\/li>\n<li>This is another option<\/li>\n<li>This is another option too<\/li>\n<li class=\"selected\">Look, a third option<\/li>\n<\/ul>\n<\/div><\/div><br \/>\n[\/row]\n<\/p><\/form>\n","protected":false},"excerpt":{"rendered":"<p>Forms With Foundation, we set out to create an easy to handle, powerful and versatile form layout system. A combination of form styles and the Foundation grid means you can do basically anything. Fieldset [row] [one_whole] Input Label [\/one_whole] [\/row] [row] [\/row] [row] [one_whole] Textarea Label [\/one_whole] [\/row] Error States Foundation includes error states for &hellip; <a href=\"https:\/\/www.pardosilver.com\/?page_id=2524\" class=\"more-link\">Contin\u00fae leyendo <span class=\"screen-reader-text\">Forms<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2495,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2524"}],"version-history":[{"count":0,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2524\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2495"}],"wp:attachment":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}