Shulou(Shulou.com)06/03 Report--

This article is about how HTML implements forms. Xiaobian thinks it is quite practical, so share it with everyone for reference. Let's follow Xiaobian and have a look.

HTML Form Tags: Form 1: Form Tags

Attribute: action = 'interface address'method = 'get / post'name = 'form name'

2: Form controls

Attribute: type = 'control type'name: attribute identifies the name of the form field;Value: attribute defines the default value of the form field, other attributes vary according to type. maxlength: controls the maximum number of characters entered, Size: width of control box (in characters) 1) text box 2) password box 3) submit button 4) reset button 5) empty button

3: Form Supplement

1) radio button group male (selected by default) female 2) check box group * disabled="disabled" (disabled)* checked="checked" (selected by default)3) drop-down list (menu): drop-down option 1 drop-down option 2……indicates drop-down list, name attribute is not required default selection item uses selected attribute;4) form field multi-line text definition: syntax: multi-line text. The rows and cols attributes are used to set the height and width of the text input window in characters. Block browser dragging of windows Settings:{resize:none;}(css attribute) 5) Upload files: Syntax:

4: Form Label Supplement

1) Form field set syntax: Description: equivalent to a box, in the field set can contain text and other elements. This element is used to group elements in a form and to distinguish text in a document. Fieldset elements can be nested, and multiple fieldset objects can be set inside them. disabled definition space prohibition available;2) field-level title: syntax: description: legend element can insert a title inside the box drawn by the fieldset object. The legend element must be the only element in the fieldset. 3)Hint tags: syntax: description: label elements are used to define tags that specify hint information for other elements on the page. To bind the label element to another control, set the label element's for attribute to the same value as the control's id attribute.

Posts Tagged 'post/get'

· (1). Functionally speaking, GET is generally used to obtain resources from the server, POST is generally used to update resources on the server;

· (2). From a REST service perspective, GET is idempotent, that is, reading the same resource always gets the same data, while POST is not idempotent, because the change to the resource is not the same for each request; further, GET does not change the resource on the server, while POST changes the server resource;

· (3). From the request parameter form, the data of the GET request will be attached to the URL, that is, the request data will be placed in the request header of the HTTP message. Split URL and transfer data, parameters are connected by &. In particular, if the data is English letters/numbers, it is sent as is; otherwise, it will be encoded as an application/x-www-form-urlencoded MIME string (if it is a space, it will be converted to +; if it is a Chinese/other character, the string will be directly encrypted with BASE64, resulting in: %E4%BD%A0%E5%BD, where XX in %XX is ASCII represented by the symbol in hexadecimal); and POST request will place the submitted data in the request body of HTTP request message.

· (4). In terms of security, POST is more secure than GET, because the data submitted by GET requests will appear in plain text on the URL, and POST request parameters are wrapped in the request body, which is relatively more secure.

· (5). In terms of the size of the request, the length of the GET request is limited by the browser or server's limit on the length of the URL, and the amount of data allowed to be sent is relatively small, while the POST request is unlimited.

Thank you for reading! About "HTML how to implement the form" this article is shared here, I hope the above content can be of some help to everyone, so that everyone can learn more knowledge, if you think the article is good, you can share it to let more people see it!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.