{"id":108,"date":"2014-09-02T17:36:46","date_gmt":"2014-09-02T21:36:46","guid":{"rendered":"http:\/\/www.krishocker.com\/yarn\/?page_id=108"},"modified":"2014-09-02T17:36:46","modified_gmt":"2014-09-02T21:36:46","slug":"form-elements","status":"publish","type":"page","link":"https:\/\/www.krishockerdesigns.com\/yarn\/form-elements\/","title":{"rendered":"Form Elements"},"content":{"rendered":"<form>This is an example of a form. It is meant to show what form elements should look like with this theme. Various form elements below are separated using the <code>&lt;fieldset&gt;<\/code> <abbr title=\"HyperText Markup Language\">HTML<\/abbr> tag.<\/p>\n<fieldset>\n<legend>Inputs <code>&lt;input type=\"\"&gt;<\/code><\/legend>\n<p><label> Checkbox 1<\/label><br \/>\n<label> Checkbox 2<\/label><br \/>\n<label> Checkbox 3<\/label><\/p>\n<p><label>File: <\/label><\/p>\n<p><label for=\"sg-color\">Color:<\/label> <\/p>\n<p><label for=\"sg-date\">Date:<\/label> <\/p>\n<p><label for=\"sg-datetime\">Datetime:<\/label> <\/p>\n<p><label for=\"sg-datetime-local\">Datetime Local:<\/label> <\/p>\n<p><label for=\"sg-email\">Email:<\/label> <\/p>\n<p><label for=\"sg-month\">Month (and year):<\/label> <\/p>\n<p><label for=\"sg-password\">Password:<\/label> <\/p>\n<p><label for=\"sg-number\">Number (between 1 and 5):<\/label> <\/p>\n<hr \/>\n<p>The above is a horizontal rule in the middle of a form. This here is just some plain ol\u2019 text following the horizontal rule. And, the next bit to follow is a group of radio inputs.<\/p>\n<p><label> Radio 1<\/label><br \/>\n<label> Radio 2<\/label><br \/>\n<label> Radio 3<\/label><\/p>\n<p><label for=\"sg-range\">Range (between 1 and 10):<\/label> <\/p>\n<p><label for=\"sg-search\">Search:<\/label> <\/p>\n<p><label for=\"sg-text\">Text:<\/label> <\/p>\n<p><label> Another text<\/label><\/p>\n<p><label for=\"sg-tel\">Tel(ephone):<\/label> <\/p>\n<p><label for=\"sg-time\">Time:<\/label> <\/p>\n<p><label for=\"sg-url\">URL:<\/label> <\/p>\n<p><label for=\"sg-week\">Week:<\/label> <\/p>\n<p>   <button type=\"button\">Click Me!<\/button><\/fieldset>\n<fieldset>\n<legend>Textareas <code>&lt;textarea&gt;<\/code><\/legend>\n<p><label for=\"sg-textarea\">Textarea:<\/label> <textarea id=\"sg-textarea\" name=\"sg-textarea\" rows=\"8\"><\/textarea><\/fieldset>\n<fieldset>\n<legend>Selects <code>&lt;select&gt;<\/code><\/legend>\n<p><label for=\"sg-select\">Select:<\/label><\/p>\n<p>Option 1<\/p>\n<p>Option 2<\/p>\n<p>Option 3<\/p>\n<p>Option 4<\/p>\n<p><label for=\"sg-select-optgroup\">Select (with optgroup):<\/label><\/p>\n<p>Option A<br \/>\nOption B<br \/>\nOption C<\/p>\n<p>Option D<br \/>\nOption E<br \/>\nOption F<\/p>\n<p><label for=\"sg-select-multiple\">Select Multiple:<\/label><br \/>\nOption 1Option 2Option 3Option 4Option 5Option 6Option 7Option 8<\/fieldset>\n<\/form>\n","protected":false},"excerpt":{"rendered":"<p>This is an example of a form. It is meant to show what form elements should look like with this &hellip; <\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/www.krishockerdesigns.com\/yarn\/form-elements\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Form Elements<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["entry","page","publish","author-krishocker","post-108"],"_links":{"self":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":0,"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.krishockerdesigns.com\/yarn\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}