{"id":65913,"date":"2024-12-07T03:01:00","date_gmt":"2024-12-06T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=65913"},"modified":"2024-12-06T11:01:15","modified_gmt":"2024-12-06T01:01:15","slug":"textbox-form-filling-niceties-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/textbox-form-filling-niceties-primer-tutorial\/","title":{"rendered":"Textbox Form Filling Niceties Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/form_filling.html\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"\"Textbox Form Filling Niceties Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/form_filling.gif\" title=\"\"Textbox Form Filling Niceties Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Textbox Form Filling Niceties Primer Tutorial<\/p><\/div>\n<p>Some of us spend a lot of time, online, filling out forms.  Do you like doing it?  Is it very much &#8220;a mixed bag&#8221;?  Personally, we think, yes, very much so, it is a mixed bag.<\/p>\n<p>We think, on this occasion, but definitely not always, &#8220;intervening&#8221; <font size=1>(away from HTML form and input <a target=\"_blank\" title='HTML input element information from W3schools' href='https:\/\/www.w3schools.com\/tags\/tag_input.asp' rel=\"noopener\">type=text<\/a> textbox defaults)<\/font> can help.<\/p>\n<p>Before we outline what we discovered, why not try our online <font size=2>(&#8220;we won&#8217;t be taking much more than a minute of your time&#8221;<\/font> <font size=1>&#8230; and haven&#8217;t we all heard that one!<\/font><font size=2>)<\/font> &#8230;<\/p>\n<p><iframe src=\"\/\/www.rjmprogramming.com.au\/HTMLCSS\/form_filling.html\" style=width:100%;height:900px;><\/iframe><\/p>\n<details>\n<summary>So, what did you think?<\/summary>\n<p>If you are like me, yes, (and thanks to <a target=\"_blank\" title='https:\/\/stackoverflow.com\/questions\/13284323\/how-can-i-stop-auto-capitalization-in-a-html-text-input-field-on-an-android-sams' href='\/\/stackoverflow.com\/questions\/13284323\/how-can-i-stop-auto-capitalization-in-a-html-text-input-field-on-an-android-sams' rel=\"noopener\">https:\/\/stackoverflow.com\/questions\/13284323\/how-can-i-stop-auto-capitalization-in-a-html-text-input-field-on-an-android-sams<\/a> for the &#8220;heads up&#8221; here) a &#8230;<\/p>\n<blockquote><p>\nMix of <a target=\"_blank\" title='HTML input type=text attribute autocorrect information' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Global_attributes\/autocorrect' rel=\"noopener\">autocorrect<\/a>=&#8221;off&#8221; <a target=\"_blank\" title='HTML input type=text attribute autocapitalize information' href='https:\/\/www.geeksforgeeks.org\/html-autocapitalize-attribute\/' rel=\"noopener\">autocapitalize<\/a>=&#8221;off&#8221; <a target=\"_blank\" title='CSS text-transform property information from W3schools' href='https:\/\/www.w3schools.com\/cssref\/pr_text_text-transform.php' rel=\"noopener\">text-transform<\/a>:lowercase; text-transform:uppercase;\n<\/p><\/blockquote>\n<p> &#8230; as far as <i>a tailored to a form&#8217;s predicted user answer content<\/i> goes, it can make the process that little bit happier.  Maybe you&#8217;re a programmer eyeing this up?<br \/>\n<\/details>\n<p> &#8230; in the <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/form_filling.html_GETME\" rel=\"noopener\">&#8220;proof of concept&#8221;<\/a> first draft <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/form_filling.html\" rel=\"noopener\">Form Filling Speed Test<\/a> web application we&#8217;re presenting today.  Happy &#8220;online&#8221; form filling!<\/p>\n<p><b><i>Did you know?<\/i><\/b><\/p>\n<p> With today&#8217;s work we concentrated on HTML input type=text &#8220;textboxes&#8221; but there is the HTML input type=number element type you can use for (that last) numerical textbox.  Personally, we sometimes see this helping, but we&#8217;re not convinced that it works best for every &#8220;numerical occasion&#8221;, and we&#8217;re not convinced that all users having one foisted on them appreciate it&#8217;s talents, over a &#8220;textbox consistently applied&#8221; <font size=1>(perhaps involving a <a target=\"_blank\" title='HTML pattern attribute information from W3schools' href='https:\/\/www.w3schools.com\/tags\/att_input_pattern.asp' rel=\"noopener\">pattern<\/a> attribute)<\/font> approach?!<\/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='#d65913' onclick='var dv=document.getElementById(\"d65913\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/textbox\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d65913' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Some of us spend a lot of time, online, filling out forms. Do you like doing it? Is it very much &#8220;a mixed bag&#8221;? Personally, we think, yes, very much so, it is a mixed bag. We think, on this &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/textbox-form-filling-niceties-primer-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,14,37],"tags":[327,452,5006,576,609,830,866,5007,5008,2687,997,1675,1319,1350,1356,1418],"class_list":["post-65913","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-did-you-know","tag-form","tag-form-filling","tag-html","tag-input","tag-navigation","tag-online","tag-online-form","tag-online-form-filling","tag-pattern","tag-programming","tag-textbox","tag-tutorial","tag-user-experience","tag-ux","tag-webpage"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/65913"}],"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=65913"}],"version-history":[{"count":13,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/65913\/revisions"}],"predecessor-version":[{"id":65929,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/65913\/revisions\/65929"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=65913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=65913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=65913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}