ASP Programming Introduction (2): Understanding Forms

xiaoxiao2021-03-06 39

Declimination: ASP programming introduction series articles COPY Since http://www.cnbruce.com/blog/ Part Run code Please go to this station to test the truth, whether it is ASP, PHP or JSP is time to network programming, Inseparable from the user's interaction. The platform of the human-computer dialogue is basically relying on the corresponding text, the list box is input, and then submitted to the database via the button. So learning online programming must understand these input platforms: form (form) its basic format is as follows:

</ textarea></p> <p></ form></p> <p>[CTRL A All Selection Tips: You can modify some code first, then press Run] You can summarize: the form, including <form> ... </ form>. The interior can be divided into three categories: input, select, textarea, first look at the "internal parameter parameter Name: It is used to indicate the unique name of the form, which is convenient for a page to build multiple forms without confusion, of course, is to accept Page confirmation relationship. Parameter Action: Obviously, it means that all content in the current form will be sent to a page to process. Processing includes accepting information, database comparison, addition, modification, etc. Parameters Method: The form of submission of the form, including two methods: POST and GET. POST is the transfer information content, GET is transmitting a URL value, and the specific usage will be described in the "Built-in Object Request" in the next section to see INPUT related INPUT represents an input object in the Form form, which is also TYPE type Different and sub-text input boxes, password input boxes, radio / check box, submission / reset button, etc., the following introduces. 1, TYPE = text input type is text, this is the most used by our most use, such as login input user name, registration input phone number, email, home address, etc. Of course, this is also the default type of INPUT. Parameter Name: The text input box name is also represented. Parameter size: The length of the input box. Parameter MaxLength: The maximum number of input characters is allowed in the input box. Parameter Value: The default value of the default value in the input box readonly: Indicates that only the box can only be displayed, and modifications cannot be added.</p> <p><form></p> <p>Your name:</p> <p><input type = "text" name = "Yourname" size = "30" maxlength = "20" value = "input box length is 30, allowing the maximum number of characters to be 20> <br></p> <p><input type = "text" name = "Yourname" size = "30" maxlength = "20" readonly value = "You can only read"> </ form></p> <p>[Ctrl A All Select: You can modify some code first, then press Run] 2, type = password Don't tell me, I understand the password input box, the biggest difference is to display when entering the information in this input box. For the confidential characters. The parameters and "type = text" are similar.</p> <p><form></p> <p>Your Password:</p> <p><Input Type = "Password" name = "YourPwd" size = "20" maxlength = "15" value = "123456"> password length is less than 15</p> <p></ form></p> <p>[CTRL A All Selection Tips: You can modify some code first, then press Run] 3, Type = file When you upload pictures in BBS, you can't make it unpredictable when you upload an attachment in email :) Provide a file directory input Platform, parameters have name, size.</p> <p><form></p> <p>Your file:</p> <p><Input Type = "file" name = "Yourfile" size = "30"></p> <p></ form></p> <p>[Ctrl A All Select Tips: You can modify some code first, then press Run] 4, Type = Hidden is very worth noting one, usually referred to as hidden domain: If a very important information needs to be submitted to the next page, But it is no longer or not. In a word, you can't see where Hidden is in the page. The most useful is the value of Hidden.</p> <p><form name = "form1"></p> <p>Your Hidden Info Here:</p> <p><Input Type = "Hidden" name = "YourhiddenInfo" value = "cnbruce.com"></p> <p></ form></p> <p><script></p> <p>Alert ("The value of the hidden domain is" Document.form1.yourhiddeninfo.value)</p> <p></ script></p> <p>[CTRL A All Selection Tips: You can modify some code, then press Run] 5, Type = Button Standard's Windows style button, of course, let the button jump to a page and need to join the JavaScript code</p> <p><form name = "form1"></p> <p>Your Button:</p> <p><Input Type = "Button" Name = "YourHiddeninfo" Value = "Go, Go, Go!" οnclick = ""> ">"> "></p> <p></ form></p> <p>[Ctrl a All Select "You can modify some code first, then press Run] 6, type = checkbox multi-selection box, often select hobby, personality, and other information when registering. The parameters have Name, Value, and special parameters Checked (indicating the default selection) is actually the value of the value, which is also Value, which is also Value. (Attach: Name value can be different, but not recommended.) <Form name = "form1"></p> <p>A: <input type = "checkbox" name = "checkit" value = "a" checked> <br></p> <p>B: <input type = "checkbox" name = "checkit" value = "b"> <br></p> <p>C: <input type = "checkbox" name = "checkit" value = "c"> <br></p> <p></ form></p> <p>The Name value can be different, but it is not recommended <br></p> <p><form name = "form1"></p> <p>A: <input type = "checkbox" name = "checkit1" value = "a" checked> <br></p> <p>B: <input type = "checkbox" name = "checkit2" value = "b"> <br></p> <p>C: <input type = "checkbox" name = "checkit3" value = "c"> <br></p> <p></ form></p> <p>[Ctrl a All Select Tips: You can modify some code first, then press Run] 7, type = radio, the radio box, appears in the multi-selected page setting. The parameters are also Name, Value, and special parameters checked. Unlike Checkbox, the Name value must be the same, otherwise it will not be possible. Of course, it is also a value value that is submitted to the processing page.</p> <p><form name = "form1"></p> <p>A: <input type = "radio" name = "checkit" value = "a" checked> <br></p> <p>B: <input type = "radio" name = "checkit" value = "b"> <br></p> <p>C: <input type = "radio" name = "checkit" value = "c"> <br></p> <p></ form></p> <p>Below is an example of different Name values, you can't achieve multiple choice results <br></p> <p><form name = "form1"></p> <p>A: <input type = "radio" name = "checkit1" value = "a" checked> <br> B: <input type = "radio" name = "checkit2" value = "b"> <br></p> <p>C: <input type = "radio" name = "checkit3" value = "c"> <br></p> <p></ form></p> <p>[Ctrl a All Select Tips: You can modify some code first, then press Run] 8, type = image compares the alternative one, look at the effect, you can use the submission picture</p> <p><form name = "form1" action = "xxx.asp"></p> <p>Your imgsubmit:</p> <p><Input Type = "Image" src = ".. / blog / images / face4.gif"></p> <p></ form></p> <p>[Ctrl A All Select Tips: You can modify some code first, then press Run] 9, type = Submit and type = reset is "Submit" and "Reset" two button Submit main function is to make everything in Form Submit an Action page handling, RESET gives a quick clear function of all filling content.</p> <p><form name = "form1" action = "xxx.asp"></p> <p><input type = "text" name = "Yourname"></p> <p><Input Type = "Submit" value = "Submit"></p> <p><Input Type = "RESET" value = "reset"></p> <p></ form></p> <p>[Ctrl a All Selection Tips: You can modify some code first, then press the run] INPUT's Type has 10, still a lot, huh, huh, then look at the select-related SELECT mainly to make a drop-down menu, jump Go to the menu, (drop) list. Its itself has embedded code <option> ... </ option>, the Option parameter value value is the value passed, Option also has parameter selected, indicating that the default is selected. 1. The drop-down menu is just a menu display.</p> <p><form name = "form1"></p> <p><select name = "selectwhat"></p> <p><option value = "a"> AAA </ option></p> <p><option value = "b"> bbb </ option></p> <p><option value = "c" SELECTED> CCC </ option></p> <p></ select></p> <p></ form></p> <p><script></p> <p>Alert ("The default selection value of the menu is" Document.form1.SelectWhat.Value) </ script></p> <p>[Ctrl a All Select Tips: You can modify some code first, then press Run] 2, the jump menu adds JavaScript to the jump menu on the basis of the drop-down menu.</p> <p><select onchange = "if (this.selectedindex && this.selectedindex! = 0) {WINDOW.Open (this.Value);} this.selectedIndex = 0;">>>>>>>>>></p> <p><option selected> website connection ... </ option></p> <p><option value = "http://www.cnbruce.com/"> CN-Bruce </ option></p> <p><option value = "http://www.blueidea.com/"> Blue! DEA </ option></p> <p><option value = "http://www.it365cn.com/"> IT365CN </ option></p> <p></ seclect></p> <p>[Ctrl a All Select Tips: You can modify some code, then press Run] 3. The biggest difference between the drop-down list and the drop-down menu is SELECT more than a size value, which is not the length of the length, but the upper and lower height of the list. Of course, there is still more important: the menu can only choose one, and the list can be selected, the special parameter is Multiple</p> <p>SIZE = 1 is simply a drop-down menu</p> <p><form name = "form1"></p> <p><select name = "selectwhat" size = 1></p> <p><option value = "a"> AAA </ option></p> <p><option value = "b"> bbb </ option></p> <p><option value = "c"> CCC </ option></p> <p></ select></p> <p></ form> <br></p> <p>Size> 1 You will find a big difference</p> <p><form name = "form1"></p> <p><select name = "selectwhat" size = 3></p> <p><option value = "a"> AAA </ option></p> <p><option value = "b"> bbb </ option></p> <p><option value = "c"> ccc </ option></p> <p></ select></p> <p></ form> <br></p> <p>Joined the multiple discovery can be selected, including Shift for quick select and Ctrl</p> <p><form name = "form1"></p> <p><select name = "selectwhat" size = 3 multiple></p> <p><option value = "a"> AAA </ option></p> <p><option value = "b"> bbb </ option></p> <p><option value = "c"> ccc </ option> </ select></p> <p></ form> <br></p> <p>[Ctrl a All Select Tips: You can modify some code first, then press Run] Fourth, the final attention TextArea can understand the TextArea text area as a magnified text input box. Its parameters are not Value, the default value is set between <textarea> ... </ textarea>. The other parameters also ROWS, represents the number of lines of the text area; parameter cols, represents the number of columns in the text area. There is also a parameter WARP. When Warp = Off indicates that the automatic wrap in the text area, it is of course not writing whether the default is automatic.</p> <p><form name = "form1"></p> <p><textarea name = "textinit" rows = "5" cols = "20" wrap = "OFF"> 5 line 20 columns, not automatically transfer </ textarea></p> <p></ form></p> <p>[CTRL A All Selection Tips: You can modify some code first, press Run] Final Summary: INPUT According to Type 10 class, SELECT is divided into menus and lists from the option, and Textarea has a list of text input area worth recommending. Two articles of articles Title form:</p> <p>http://www.blueidea.com/tech/web/2003/377.asp</p> <p>Form effect:</p> <p>http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=271</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-70382.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="70382" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.043</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'pzshAI_2Fhu0flMRmmk4D0HkA6l8ITcHFQoopTBLKzO_2FYi7b8ufu14W3n7gPhCmWjqF5tzwXTbAE9Dam1sxJvDnQ_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>