Tags related to the Form include the
First, an action property must be included in the
For example, if you have such a
Then you must have a element displayed as a bold element: .... . > That is to say that an FORM tag is associated with form bean.
Another rule to follow is: any label (, , , , <radio>, <checkbox>, <select>, <checkbox>, <select>, <Checkbox>, <SELECT>, <CheckBox>, <SELECT> ) Must have a specified attribute value in the relevant Form Bean. For example, if you have an attribute value being specified as "username" <text> tag, the relevant form bean must also have an attribute called "UserName". Enter the value in the <TEXT> tab being used to generate the FORM BEAN's UserName property.</p> <p>In addition to the properties mentioned above, the <form> tag has some attributes that are not necessarily, but better "secondary". For example, you can generate JavaScript with a FOCUS property, which will "Focus" to the form of the Form on an element included. You need to specify the name of the element when you use the FOCUS properties. For example, the following code is fixed on the second Text element: <body> <html: form action = "/ login" FOCUS = "password"> user name: <html: text property = "username" /> < Br> Password: <html: Text Property = "password" /> <br> <html: submit /> </ html: form> </ body> This section will be converted to: <body> <form name = " Loginform "Method =" post "action =" / mystrutsapp6 / login.do "> user name: <input type =" name = "username" value = "> <br> password: <input type =" text " Name = "Value ="> <br> <input type = "submit" value = "submit"> </ form> <script language = "javascript" type = "text / javascript"> <! - if (Document.Forms ["loginform"]. Elements ["password"]. Type! = "hidden") Document.Forms ["loginform"]. Elements ["password"]. Focus () // -> </ Script> </ body> Note, the default value of the method attribute in the <form> tag is POST. In addition, have you seen this tag library how to build JavaScript to set the focus to the Password element? This is also one of the people who are fascinating. You don't have to worry about how to program on the client, it will help you generate.</p> <p>Pay attention to the example of running the previous example, you have to have a related Form containing the username and password properties. You can refer to the Login program in the third part of this article.</p> <p><text> Tags <text> tag is used to generate a text's input area. It must contain the "Property" attribute corresponding to the same properties in the related Form bean. This tag is only valid when embedded in a <form> tag. For example: <html: text property = "username" /> will be converted to: <input type = "text" name = "username" value = ">">></p> <p><Password> Tags <Password> Tags are used to generate an input area of type password. It must contain the "Property" attribute corresponding to the same properties in the related Form bean. This tag is only valid when embedded in a <form> tag. One of the important properties in this tag is "redisplay", which is used to redisplay the value previously entered into this area. The default value of this property is TRUE. However, in order to make Password can't be redisplay, you may want to set the value of this property to false. For example: <html: Password property = "password" redisplay = "false" /> will be converted to: <input type = "Value =", "value =" value = "> <hidden> tag <hidden> tag for Generate an input area that hides text. It must contain the "Property" attribute corresponding to the same properties in the related Form bean. This tag is only valid when embedded in a <form> tag: for example: <html: hidden property = "username" /> will be converted to: <input type = "hidden" name = "username" value = " ></p> <p><textarea> Tags <textarea> Tags are used to generate a text area element (Text Area Element). It must contain the "Property" attribute corresponding to the same properties in the related Form bean.</p> <p>For example: <html: textarea property = "details" cols = "80" rows = "20" value = "enter details" / "will be converted to: <textarea name =" Details "cols =" 80 "rows =" 20> Enter Details Here </ textarea></p> <p><RADIO> Tag <RADIO> Tag is used to display a radio button. It must contain "value" attributes. For example, this code: <html: Radio property = "title" value = "1" /> mr. <html: Radio property = "title" value = "2" /> ms. <HTML: Radio property = "Title" Value = "3" /> DR. will be converted to such an HTML: <input type = "radio" name = "title" value = "1"> mr. <input type = "radio" name = "title" Value = "2"> MS. <input type = "radio" name = "title" value = "3"> Dr. <checkbox> tab <checkbox> tab is used to display the Checkbox type input area. For example: <html: checkbox property = "notify" /> Please send me notification will be converted to: <input type = "checkbox" name = "notify" value = "on"> please send me notification</p> <p><Submit> Tags <Submit> tag is used to generate the input area of the submitted type. For example: <html: Submit value = "login" /> will be converted to: <input type = "submit" value = "login"></p> <p><RESET> Tags <RESET> Tags are used to generate the input area of the Type Reset. For example: <html: reset /> will be converted into: <input type = "reset" value = "reset"></p> <p><Option> Tags <option> Tags are used to display an option in Select Box. Refer to the <SELECT> tags below.</p> <p><SELECT> Tags <SELECT> tab is used to display an HTML selection element containing zero or more options. It must be embedded in a <form> tag that is valid. The following example will explain how to use this tag: <html: select proteth = "color" size = "3"> <html: option value = "r"> red </ html: option> <html: option value = " > Green </ html: option> <html: option value = "b"> blue </ html: option> </ html: select> will be converted to: <select name = "color" size = "3"> <option value = "r"> red </ option> <option value = "g"> green </ option> <option value = "b"> blue </ option> </ select></p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-71956.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="71956" 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 = 'qQGkOZPeN6t0gTfdeb2Ya2OawOfkB1fB4YRAN9vUPpHJ1X41INeVmHODfLRcZpaqGKnwIwLhfBEEha_2FAX5wIQg_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>
