{"id":245,"date":"2012-02-10T10:25:47","date_gmt":"2012-02-10T10:25:47","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=245"},"modified":"2025-09-26T15:11:38","modified_gmt":"2025-09-26T14:11:38","slug":"input-boxes","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/html\/forms-html\/input-box\/input-boxes","title":{"rendered":".Input Boxes"},"content":{"rendered":"\n
  <input type=\"text\" name=\"MyInputBoxName\" disabled=\"true\" size=\"40\" style=\"border: solid 1px; background-color: #FFFFFF;\" \/><\/code><\/pre>\n\n\n\n
Input box types<\/h4>\n\n\n\n
<input type=\"button\">\n<input type=\"checkbox\">\n<input type=\"color\">\n<input type=\"date\">\n<input type=\"datetime-local\">\n<input type=\"email\">\n<input type=\"file\">\n<input type=\"hidden\">\n<input type=\"image\">\n<input type=\"month\">\n<input type=\"number\">\n<input type=\"password\">\n<input type=\"radio\">\n<input type=\"range\">\n<input type=\"reset\">\n<input type=\"search\">\n<input type=\"submit\">\n<input type=\"tel\">\n<input type=\"text\">\n<input type=\"time\">\n<input type=\"url\">\n<input type=\"week\"><\/code><\/pre>\n\n\n\n
Text<\/h4>\n\n\n\n
  <input type=\"text\" name=\"MyInputBoxName\" value=\"Default Name\"  \/>\n\nIncluding previously submitted value:\n  <input type=\"text\" name=\"MyInputBoxName\" value=\"<?= $_POST[\"MyInputBoxName\"];?>\"  \/><\/code><\/pre>\n\n\n\n
Background text<\/h5>\n\n\n\n
Text that vanished when you start typing into the box<\/p>\n\n\n\n
  <input type=\"text\" placeholder=\"Write your name here\"  \/><\/code><\/pre>\n\n\n\n
Feel free to comment if you can add help to this page or point out iss<\/p>\n\n\n\n
Numeric<\/h4>\n\n\n\n
Integer values<\/h5>\n\n\n\n
  <input type=\"number\" name=\"MyInputBoxName\" min=\"1\" max=\"5\" value=\"\" >\n\nIncluding previously submitted value:\n  <input type=\"number\" name=\"MyInputBoxName\" min=\"1\" max=\"5\" value=\"<?= $_POST[\"MyInputBoxName\"];?>\" ><\/code><\/pre>\n\n\n\n
Allow values with decimal places<\/h5>\n\n\n\n
  <input type=\"number\" name=\"MyInputBoxName\" step=\".01\" value=\"\" ><\/code><\/pre>\n\n\n\n
Specifying A Value <\/h4>\n\n\n\n
<input type=\"text\" value=\"1234\" \/><\/code><\/pre>\n\n\n\n
Automatically Submit On Enter Key Pressed <\/h4>\n\n\n\n
<form action=\"http:\/\/www.mydomain.com\/some_file.php\" method=\"POST\">\n  <input type=\"text\" name=\"Text1\" size=\"40\" style=\"width: 30px\" onkeydown=\"if (event.keyCode == 13) { this.form.submit(); return false; }\" \/>\t<!-- Submit form on Enter key pressed -->\n<\/form><\/code><\/pre>\n\n\n\n
Read Only <\/h4>\n\n\n\n
<input type=\"text\" name=\"some_name\" value=\"some_value\" size=10 readonly><\/code><\/pre>\n\n\n\n
Password Entry <\/h4>\n\n\n\n
“password” will cause characters to be shown as dots or stars <\/p>\n\n\n\n
  <input type=\"password\" name=\"psw\"><\/code><\/pre>\n\n\n\n
Max Length<\/h4>\n\n\n\n
maxlength=\"100\"<\/code><\/pre>\n\n\n\n
Only allow printable ASCII (UTF8) characters<\/h4>\n\n\n\n
See here<\/a><\/p>\n\n\n\n
Clear the content of another Input box if user types in this one<\/h4>\n\n\n\n
<input type=\"text\" oninput=\"document.getElementById('SearchForRequestId').value = '';\" ><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Input box types Text Background text Text that vanished when you start typing into the box Feel free to comment if you can add help to this page or point out iss Numeric Integer values Allow values with decimal places Specifying A Value Automatically Submit On Enter Key Pressed Read Only Password Entry “password” will cause […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[256],"tags":[],"class_list":["post-245","post","type-post","status-publish","format-standard","hentry","category-input-box"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":23,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/245\/revisions"}],"predecessor-version":[{"id":5132,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/245\/revisions\/5132"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}