{"id":8318,"date":"2014-07-10T05:13:49","date_gmt":"2014-07-09T19:13:49","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=8318"},"modified":"2014-07-10T05:13:49","modified_gmt":"2014-07-09T19:13:49","slug":"more-about-html-forms-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/more-about-html-forms-tutorial\/","title":{"rendered":"More About HTML Forms Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/form_element.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"More About HTML Forms Tutorial\" id='myxx'  src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Form_More.jpg\" title=\"More About HTML Forms Tutorial\" onmouseover=\" var myexio=document.getElementById('myxx');  if (myexio.src.indexOf('png') != -1) {  myexio.src = 'http:\/\/www.rjmprogramming.com.au\/PHP\/Form_More.jpg'; }   else { myexio.src = 'http:\/\/www.rjmprogramming.com.au\/PHP\/Form_More.png'; }     \"    \/><\/a><p class=\"wp-caption-text\">More About HTML Forms Tutorial<\/p><\/div>\n<p>An HTML form element is often used to interact with a user to offer information about a product or service, and set up a dialogue of some sort should the user wish to enquire further.  This often is useful for retail shops or educational institutions.<\/p>\n<p>Today we will design a form to offer tutelage in Information Technology here at RJM Programming.<\/p>\n<p>Although you may see the form as the antithesis of where you can apply any aesthetics, this is not wise, because we see so many forms on the Internet now that you should try to make your form interesting.   Even if you are not graphically gifted, this can also be helped by using a variety of form input element types to interest the user.  This is only helpful if the purpose fits the need.  An example of what is meant is that a radio button is good to use, but only if it is linked to a concept where you want one distinct answer from a choice.   If there can be more than one choice maybe an input checkbox for select (dropdown) element would be more apt.<\/p>\n<p>When do you need to involve a server side language, like PHP or ASP.Net, for example?   If something on the form has information read off a database or server file is one reason, and the reason today that we write in PHP.   If the data is static and will never change you could use static Javascript (array) data, or incorporate Ajax ideas in conjunction with XML or JSON server files, as alternatives to simplify your form webpage design.  Our data will change over time, so we will settle for PHP today.<\/p>\n<p>Here is some downloadable PHP programming source code you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/form_element.php_GETME\" title='form_element.php'>form_element.php<\/a> that is used in today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/form_element.php\" title='Click Picture'>live run<\/a>.<\/p>\n<p>A good tutorial discussing the HTML form element&#8217;s input tag options is <a target=_blank href='http:\/\/www.w3schools.com\/tags\/tag_input.asp' title='Input tag information from w3schools'>here<\/a>.  Hope you enjoy trying out some form validation and the posting of user input to other HTML webpages, via the form&#8217;s &#8220;action=&#8221; functionality &#8230; t&#8217;ra for now.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d6926' onclick='var dv=document.getElementById(\"d6926\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=form-validation\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d6926' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>An HTML form element is often used to interact with a user to offer information about a product or service, and set up a dialogue of some sort should the user wish to enquire further. This often is useful for &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/more-about-html-forms-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[452,453,576,578,609,652,932,997,1319],"class_list":["post-8318","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-form","tag-form-validation","tag-html","tag-html5","tag-input","tag-javascript","tag-php","tag-programming","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/8318"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=8318"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/8318\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=8318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=8318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=8318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}