{"id":314,"date":"2015-03-25T22:14:21","date_gmt":"2015-03-25T22:14:21","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=314"},"modified":"2015-03-25T22:14:21","modified_gmt":"2015-03-25T22:14:21","slug":"forms","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/forms\/","title":{"rendered":"Forms"},"content":{"rendered":"<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">Forms Examples<\/h2>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Inline Form<\/div>\n<div class=\"panel-body\">\n<form role=\"form\">\n<div class=\"form-group\">\n                            <label for=\"exampleInputEmail1\">Email address<\/label><br \/>\n                            <input type=\"email\" class=\"form-control\" id=\"exampleInputEmail1\" placeholder=\"Enter email\">\n                          <\/div>\n<div class=\"form-group\">\n                            <label for=\"exampleInputPassword1\">Password<\/label><br \/>\n                            <input type=\"password\" class=\"form-control\" id=\"exampleInputPassword1\" placeholder=\"Password\">\n                          <\/div>\n<div class=\"checkbox\">\n                            <label><br \/>\n                              <input type=\"checkbox\"> Check me out<br \/>\n                            <\/label>\n                          <\/div>\n<p>                          <button type=\"submit\" class=\"btn btn-ar btn-primary\">Submit<\/button><br \/>\n                        <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel panel-primary --><\/p>\n<hr class=\"dotted\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Basic Form<\/div>\n<div class=\"panel-body\">\n<form class=\"form-inline\" role=\"form\">\n<div class=\"form-group\">\n                            <label class=\"sr-only\" for=\"exampleInputEmail2\">Email address<\/label><br \/>\n                            <input type=\"email\" class=\"form-control\" id=\"exampleInputEmail2\" placeholder=\"Enter email\">\n                          <\/div>\n<div class=\"form-group\">\n                            <label class=\"sr-only\" for=\"exampleInputPassword2\">Password<\/label><br \/>\n                            <input type=\"password\" class=\"form-control\" id=\"exampleInputPassword2\" placeholder=\"Password\">\n                          <\/div>\n<div class=\"checkbox\">\n                            <label><br \/>\n                              <input type=\"checkbox\"> Remember me<br \/>\n                            <\/label>\n                          <\/div>\n<p>                          <button type=\"submit\" class=\"btn btn-ar btn-primary\">Sign in<\/button><br \/>\n                        <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel panel-primary --><\/p>\n<hr class=\"dotted\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Horizontal Form<\/div>\n<div class=\"panel-body\">\n<form class=\"form-horizontal\" role=\"form\">\n<div class=\"form-group\">\n                            <label for=\"inputEmail3\" class=\"col-sm-2 control-label\">Email<\/label><\/p>\n<div class=\"col-sm-10\">\n                              <input type=\"email\" class=\"form-control\" id=\"inputEmail3\" placeholder=\"Email\">\n                            <\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n                            <label for=\"inputPassword3\" class=\"col-sm-2 control-label\">Password<\/label><\/p>\n<div class=\"col-sm-10\">\n                              <input type=\"password\" class=\"form-control\" id=\"inputPassword3\" placeholder=\"Password\">\n                            <\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n<div class=\"col-sm-offset-2 col-sm-10\">\n<div class=\"checkbox\">\n                                <label><br \/>\n                                  <input type=\"checkbox\"> Remember me<br \/>\n                                <\/label>\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n<div class=\"col-sm-offset-2 col-sm-10\">\n                              <button type=\"submit\" class=\"btn btn-ar btn-primary\">Sign in<\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel panel-primary --><\/p>\n<hr class=\"dotted\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Controls<\/div>\n<div class=\"panel-body\">\n<form role=\"form\">\n<div class=\"form-group\">\n                            <label for=\"exampleInputEmail1\">Email address<\/label><br \/>\n                            <input type=\"email\" class=\"form-control\" id=\"exampleInputEmail1\" placeholder=\"Enter email\">\n                          <\/div>\n<div class=\"form-group\">\n                            <label for=\"exampleInputPassword1\">Password<\/label><br \/>\n                            <input type=\"password\" class=\"form-control\" id=\"exampleInputPassword1\" placeholder=\"Password\">\n                          <\/div>\n<div class=\"checkbox\">\n                            <label><br \/>\n                              <input type=\"checkbox\"> Check me out<br \/>\n                            <\/label>\n                          <\/div>\n<div class=\"form-group\">\n                            <label for=\"exampleInputPassword1\">Textarea<\/label><br \/>\n                            <textarea class=\"form-control\" rows=\"5\"><\/textarea>\n                          <\/div>\n<div class=\"form-group\">\n                              <label class=\"checkbox-inline\"><br \/>\n                                <input type=\"checkbox\" id=\"inlineCheckbox1\" value=\"option1\"> 1<br \/>\n                              <\/label><br \/>\n                              <label class=\"checkbox-inline\"><br \/>\n                                <input type=\"checkbox\" id=\"inlineCheckbox2\" value=\"option2\"> 2<br \/>\n                              <\/label><br \/>\n                              <label class=\"checkbox-inline\"><br \/>\n                                <input type=\"checkbox\" id=\"inlineCheckbox3\" value=\"option3\"> 3<br \/>\n                              <\/label>\n                          <\/div>\n<div class=\"form-group\">\n                            <label for=\"select\">Selects<\/label><br \/>\n                              <select class=\"form-control\" id=\"select\"><option>1<\/option><option>2<\/option><option>3<\/option><option>4<\/option><option>5<\/option><\/select>\n                          <\/div>\n<div class=\"form-group\">\n                            <label for=\"multiple-select\">Multiple Select<\/label><br \/>\n                              <select multiple class=\"form-control\" id=\"multiple-select\"><option>1<\/option><option>2<\/option><option>3<\/option><option>4<\/option><option>5<\/option><\/select>\n                          <\/div>\n<div class=\"checkbox\">\n                            <label><br \/>\n                              <input type=\"checkbox\" value=\"\"><br \/>\n                              Option one is this and that&mdash;be sure to include why it&#8217;s great<br \/>\n                            <\/label>\n                          <\/div>\n<div class=\"radio\">\n                            <label><br \/>\n                              <input type=\"radio\" name=\"optionsRadios\" id=\"optionsRadios1\" value=\"option1\" checked><br \/>\n                              Option one is this and that&mdash;be sure to include why it&#8217;s great<br \/>\n                            <\/label>\n                          <\/div>\n<div class=\"radio\">\n                            <label><br \/>\n                              <input type=\"radio\" name=\"optionsRadios\" id=\"optionsRadios2\" value=\"option2\"><br \/>\n                              Option two can be something else and selecting it will deselect option one<br \/>\n                            <\/label>\n                          <\/div>\n<p>                          <button type=\"submit\" class=\"btn btn-ar btn-primary\">Submit<\/button><br \/>\n                          <button type=\"cancel\" class=\"btn btn-ar btn-default\">Cancel<\/button><br \/>\n                        <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel panel-primary --><\/p>\n<hr class=\"dotted\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Diseable Form<\/div>\n<div class=\"panel-body\">\n<form role=\"form\">\n<fieldset disabled>\n<div class=\"form-group\">\n                              <label for=\"disabledTextInput\">Disabled input<\/label><br \/>\n                              <input type=\"text\" id=\"disabledTextInput\" class=\"form-control\" placeholder=\"Disabled input\">\n                            <\/div>\n<div class=\"form-group\">\n                              <label for=\"disabledSelect\">Disabled select menu<\/label><br \/>\n                              <select id=\"disabledSelect\" class=\"form-control\"><option>Disabled select<\/option><\/select>\n                            <\/div>\n<div class=\"checkbox\">\n                              <label><br \/>\n                                <input type=\"checkbox\"> Can&#8217;t check this<br \/>\n                              <\/label>\n                            <\/div>\n<p>                            <button type=\"submit\" class=\"btn btn-ar btn-primary\">Submit<\/button><br \/>\n                          <\/fieldset>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel panel-primary --><\/p>\n<hr class=\"dotted\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Colors and icons<\/div>\n<div class=\"panel-body\">\n<form role=\"form\">\n<div class=\"form-group has-success\">\n                              <label class=\"control-label\" for=\"inputSuccess1\">Input with success<\/label><br \/>\n                              <input type=\"text\" class=\"form-control\" id=\"inputSuccess1\">\n                            <\/div>\n<div class=\"form-group has-warning\">\n                              <label class=\"control-label\" for=\"inputWarning1\">Input with warning<\/label><br \/>\n                              <input type=\"text\" class=\"form-control\" id=\"inputWarning1\">\n                            <\/div>\n<div class=\"form-group has-error\">\n                              <label class=\"control-label\" for=\"inputError1\">Input with error<\/label><br \/>\n                              <input type=\"text\" class=\"form-control\" id=\"inputError1\">\n                            <\/div>\n<div class=\"form-group has-success has-feedback\">\n                              <label class=\"control-label\" for=\"inputSuccess2\">Input with success<\/label><br \/>\n                              <input type=\"text\" class=\"form-control\" id=\"inputSuccess2\"><br \/>\n                              <span class=\"glyphicon glyphicon-ok form-control-feedback\"><\/span>\n                            <\/div>\n<div class=\"form-group has-warning has-feedback\">\n                              <label class=\"control-label\" for=\"inputWarning2\">Input with warning<\/label><br \/>\n                              <input type=\"text\" class=\"form-control\" id=\"inputWarning2\"><br \/>\n                              <span class=\"glyphicon glyphicon-warning-sign form-control-feedback\"><\/span>\n                            <\/div>\n<div class=\"form-group has-error has-feedback\">\n                              <label class=\"control-label\" for=\"inputError2\">Input with error<\/label><br \/>\n                              <input type=\"text\" class=\"form-control\" id=\"inputError2\"><br \/>\n                              <span class=\"glyphicon glyphicon-remove form-control-feedback\"><\/span>\n                            <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel panel-primary --><br \/>\n            <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Forms Examples Inline Form Email address Password Check me out Submit Basic Form Email address Password Remember me Sign in Horizontal Form Email Password Remember me Sign in Controls Email address Password Check me out Textarea 1 2 3 Selects 12345 Multiple Select 12345 Option one is this and that&mdash;be sure to include why it&#8217;s great Option one is this and that&mdash;be sure to include why it&#8217;s great Option two can be something else and selecting it will deselect option one Submit Cancel Diseable Form Disabled input Disabled select menu Disabled select Can&#8217;t check this Submit Colors and icons Input with success Input with warning Input with error Input with success Input with warning Input with error<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-314","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/314\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}