HTML's form basic knowledge

HTML table ... Usage: Create a button start / end identity: must / must attribute:% CoreAtTRS,% I18N,% events name = "..." button control name value = " ... "button value type =" ... "button (button, subs, reset) disabled =" ... "Set the status of the button to not use TabINDEX =" ... "by defined TabIndex Value determines the order of focus between different elements οnfοcus = "..." When the element occurs when the element is focused, οnblur = "..." The event empty occurred when the element lost the focus: No.

.. . Usage: combine interrelated controls into a set of start / end identity: must / must attribute:% coreattrs,% i18n,% events empty: not allowed ... Usage: Created A form start / end identification containing controls that enable users to enter data: must / must attribute:% coreattrs,% i18n,% events action = "..." URL method = "..." HTTP method (GET, POST).

Where GET is an encType = "..." specified MIME (Internet Media Type) οnsubmit = "..." When the form occurs when the form is submitted NoreSet = "..." when resetting the form Internal event target = "..." decides where to display content (_blank, _parent, _self, _top) accept_charset = "..." encoded characters list: Not allowed Usage: Define in the form Control start / end identity: must / illegal attributes:% CoreAtTRS,% I18N,% events type = "..." for entering the type of control (Text, Password, Checkbox, Radio, Submit, Reset, File, Hidden, Image, button) Name = "..." control name (requirement is the initial value of the value = "..." control in addition to submit and reset) value = "..." control Checked = "..." put a single selection The button set to the selected status disabled = "..." set the status of the control to the use of readonly = "..." only use size = "..." to the text box of the input password, except in pixels. The width of other controls other than text boxes and password box controls, is it used to specify the number of characters Maxlength = "..." Specifies the maximum number of characters that can be entered SRC = "..." an image control URL ALT = "..." another text description usemap = "..." URL Align = "..." to the client graphic image is opposed.

Control Alignment (Left, Center, Right, Justify "TabINDEX =" ... "determines the order in which the focus between different elements is determined by the defined TabINDEX value. Οnfοcus =" ... "When the element gets the focus, οnblur = "..." When the event occurs when the element is lost focus, οnselect = "..." When the element is selected, the event onchang = "..." occurs when the element state is changed when the element is changed .. ". "Allowable file type empty: Allow Usage: Prompt user input start / end identity: must / illegal attributes:% coreattrs,% i18n prompt =" ... "provides a prompt to the input domain: Allow Note: Be opposed to use ... usage: Provide label start / end identity for a control: must / must attribute:% coreattrs,% i18n,% events for = "..." put a label Connecting disabled = "..." with a defined control set the status of the control to could not use AccessKey = "..." to specify a hotkey οnfοcus = "..." when the element gets focus. Event οnblur = "..." The event empty occurred when the element lost focus:

... Usage: Specify a title start / end identity for the fieldset element: must / must attribute:% CoreAtTRS,% I18N,% events align = "..." is opposed.

Control alignment (LEFT, CENTER, RIGHT, JUSTIFY) AccessKey = "..." Specifies a hotkey empty: ... Usage: Set an option in the Select element / End Identification: Must / Optional Properties:% CoreAtTRS,% I18N,% Events SELECTED = "..." Specifies whether this option is selected by disabled = "..." set the status of the control to not use value = ". .. "If a control is submitted, set the value of this submit: ... Usage: Do the option to create each option for the user: must / must / must attribute:% CoreAtTRS, % I18N,% events name = "..." button control name size = "..." Many column combined width MULTIPLE Allows the simultaneous selection of multiple columns Disabled = "..." to set the status of the control to You cannot use TabINDEX = "..." to determine the order of the focus between different elements by defined TabINDEX values. Οnfοcus = "..." When the element gets focus, οnblur = "..." When the element is lost Events occurring οnselect = "..." When the element occurs when the element occurs onchang = "..." When the element status is changed, the event empty: ... </ textarea>> usage : Create a region that allows users to enter multiple lines of entered: must / must attribute:% coreattrs,% i18n,% events name = "..." button control name rows = "..." Various rows of width COLS = "..." The high disabled = "..." of each column sets the status of the control to the use of readonly = "..." only use TabINDEX = "..." to the text box of the input password. The TabINDEX value determines the order of obtaining focus between different elements οnfοcus = "..." When the element occurs when the element is focused, οnblur = "..." occurs when the element is lost, οnselect = "..." When the element is selected, the event onchang = "occurred. "Event empty when the element status is changed: not allowed: Used to indicate the text content displayed</p> <p>Establishing an HTML query form to establish an HTML query form The most common way to create dynamic parameters is to use a form (Form) as a user interface. You can include text boxes, select boxes, radio buttons, multi-selection buttons, etc. in the form, allowing users to enter information. The form is easy to establish and there are many flexible data input options. When the form is submitted, the FORM variable is automatically created, and you can use these variables to perform queries for the data source. In addition to the HTML form, you can also create a form with ColdFusion's CFFORM tag. Details in this regard will be described later. Example: An example below the query form is a simple query form: <form action = "Employeesearch.cfm" method = "post"> <pre> last name: <input type = "text" name = "lastname"> Department: <Select name = "divountment"> <option> Accounting <option> Administration <option> Engineering <option> sales </ select> <input type = "submit" value = "search"> </ pre> </ form> this The form has two inputs: LastName and Department. Users can enter the name in the text box and select a department from the selection list. Each Option tab is provided to a user an option. When the submission button is clicked, the file specified by the Action property will be opened, and the FORM variable is passed to the file as a dynamic parameter. Suppose the user entered the name "Peterson" and selected "Sales". When she clicks on the submission button, the following FORM variable will be passed to the file Employesearch.cfm: lastname = petersondepartment = sales set the action attribute and method attribute you have to set the form of the action, tell the flowchart When the user clicks the submit button Which file is called when calling. You must also set the Method property of the form to POST. In the following example, when the user clicks the submit button, call the Employesearch.cfm file. <Form action = "Employeesearch.cfm" Method = "post"> Implementing the data query field is very simple to establish a query field for the form. You only need to establish a form query field for the database field you want to search. In order to make the files have better readability, you can have the same name as the database field with the database field.</p> <p>For example, if you have a table Employees, there are three fields of firstname, lastname, and department, and your form field can be: name: <input type = "text" name = "firstname"> Lastname: <input type = " TEXT "name =" lastname "> Department: <input type =" text "name =" department "> URL parameter REQUSTTIMEOUT When requesting a ColdFusion file, you can pass the RequestTimeout parameter in the URL, specify the number of seconds of the data source connection timeout To prevent a data source connection takes too much time. This parameter will override the default value in the ColdFusion Administrator.</p> <p>The syntax used is: http: //myserver.com/cfpages? RequestTIMEOUT = 100 example: Dynamic SQL The following file SearchForm.cfm established a query form: <html> <head> <title> Employe Search </ Title> </ Head> <body> <form action = "Employesearch.cfm" method = "post"> <pre> last name: <input type = "text" name = "lastname"> department: <select name = "department" > <Option> Accounting <option> Administration <option> Engineering <option> Sales </ select> <input type = "submit" value = "search"> </ pre> </ form> </ body> </ html> When the user clicks the submission button, the following file Employesearch.cfm is used to select and display the query result: <! --- cfml Application Page to Implement Employee Search ---> <! - query the database ---> < Cfquery name = "Employeelist" Datasource = "CompanyDB"> Select * from Employeeswhere Lastname =? Lastname # and divartment =? Department # </ cfQuery> <! --- page header ---> <html> <head> <Title > Employee Search Results </ title> </ head> <body> <h2> Organization Search Results </ h2> <! - summarize search criteria for user ---> <cfoutput> <p> the search for #form .Lastname # Inthe # form.Department # Returned these results: </ p> </ cfoutput> <--- display results ---> <Cfoutput query = "employeelist"> <hr> # firstname # # lastname # (Phone: # phoneenumber #) <br> </ cfoutput> <!- page footer ---> <p> Thank you for searching the Employee Database! </ p> <hr> </ body> </ html> pattern matching query When you allow users to enter text as part of query conditions, you usually do not want to query the value that fully matches the input, you usually need to query Enter a similar value for text. In this case, you can use the pattern matching query.</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-44188.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="44188" 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.039</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 = '0FlkhRwd7JvA6bwOvrotnvNDi_2B4vgwxb_2FKd6OG7FpD_2FZZ6_2BVe61xXP4HwHlHVP_2B4Er307AGgJlW7eRrERLGPzA_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>