The most common elements of a form include text entry boxes, Drop-down selection boxes, radio boxes, check boxes, text fields, buttons, and so on. Here are the different versions of Bootstrap:
LESS:forms.less
SASS: _forms.scss
Bootstrap only customize the fieldset, legend, label labels within the form
fields
This article mainly introduces the use of bootstrap form style knowledge, very good, together to see!
Form
Effect Chart:
Class:form-control
1, width into 100%, 2, set a light gray (#ccc) border, 3, with 4px fillet, 4, set the shadow effect, and the element gets focus, shadow and border effects will change, 5, set the placeholder color for #999
1. Declare the handler function and the message map in the form's header file. h, for example:[CPP]View PlainCopy
Class TForm1: Public tform
{
...
void __fastcall handledropfiles (tmessage Owner;
...
Begin_message_map
Message_handler (Wm_dropfiles,tmessage,handledropfiles)
End_message_map (Tform)
};
2. In the form's implementation file. CPP, add the codeIn the Formcreate event response:[CPP]View PlainCopy
void __fastcall tform1::formcreate
This article will mainly introduce the use of bootstrap forms.
1.Bootstrap Base Form
Common elements in a form include text-entry boxes, Drop-down selection boxes, radio buttons, check buttons, text fields, and buttons.
Let's take a look at a basic form:
Th
This article is mainly about the form, this is actually for people who have done the site, is not unfamiliar, and can be said to be the most commonly used to submit data form form. This article mainly to explain the content:
1. Basic cases2. Inline form3. Horizontally arranged forms4. Supported controls5. Static controls6. Control state7. Control Dimensions8. He
This is probably a convention, learning the front desk backstage the first contact business is the user registration and login. Now the community adhere to the concept of people-oriented, the same is true in the Web development process. User is our face more objects, but also the core object. The beginning of the user registration and landing this piece, is particularly important.
User registration and login are often more difficult than we think. For example, the
will be explained in detail in the Bootstrap plugin section.
Customization: You can customize Bootstrap components, less variables, and jQuery plug-ins to get your own version.
In the project we can often see like provinces and counties to choose, in fact, there are many ways to implement, the following small series to introduce bootstrap intelligent
Describes how to develop a bubble style Form validation component based on jQuery. validate and Bootstrap tooltip. validatemediltip
Form Verification is a common requirement in page development. We believe that each front-end developer has experience in this field. There are many mature form verification frameworks on
In this chapter, we'll learn how to create a form using Bootstrap. Bootstrap can create different styles of forms by using simple HTML tags and extended classes.
Bootstrap form types are divided into three formats: vertical or basic forms, inline forms, horizontal forms.
V
The form controls supported by Bootstrap are as follows:
Bootstrap supports the most common form controls, mainly input, textarea, checkbox, Radio, and select.
Enter box (input)
The most common form text fields are input box inputs. Users can enter most of the necessary
Bootstrap provides the following types of form layouts:
• Vertical form (default)-> This is not good-looking, are mobile version, the PC version of a row is not good to see;
• Inline Form-> I believe this is what you want, PC version response horizontal, mobile version of the response vertical row.
• Horizontal
Bootstrap form types are divided into three formats: vertical or basic forms, inline forms, horizontal forms .
Vertical or basic form (display:block;)The basic form structure is Bootstrap, with individual form controls automatica
Form checking is a very common type of requirement in page development and is believed to be experienced by every front-end developer. There are a lot of mature form verification framework on the Internet, although it doesn't have much problem with the default design, but in practice, the form checksum can have more complex personalization requirements, so we can
This article knowledge points from http://www.runoob.com/bootstrap/bootstrap-forms.html, which wrote a more detailed example, here summed up the key to facilitate memory.
One, form layout
1. Vertical form (default)
Add role= "Form" to the parent Put the labels and control
-label", has the effect of text right alignment. If you do not add this, label and input will appear to be misaligned.
Form size
The input size is controlled by "Input-sm", "INPUT-LG", which makes the input input box look smaller or larger than normal. Corresponding to this is the size of the Chinese label. You need to add "form-group-sm" and "FORM
One, Focus stateThe focus state is implemented through the pseudo class: focused. The focus state of the form control in the bootstrap frame removes the outline default style and adds the shadow effect again.
Second, disabled statusThe disabled state of the form control for the bootstrap framework is the
This article mainly introduces information about autocomplete Automatic completion form based on the bootstrap plug-in. If you are interested, refer to the autocomplete Automatic completion form based on the bootstrap plug-in to provide script code and use cases, as well as the background server (php), the original tex
The bootstrap set in the background can satisfy most of the style requirements. there is a form submission problem, which sets the template provided by the existing bootstrap. The code is as follows amp; lt; divclass quot; container quot; amp; gt; {code ...} there is no introduction to the form verification method
Form layout
Vertical or Basic form
Basic form structure when bootstrap, the steps to create a basic form are as follows:
1, add role = "form" to the parent 2, in order to get the best spacing, put the label and control in a div
Background sets of bootstrap, about the style aspects of the most can be satisfied, which has a form submitted problems, set is ready-made bootstrap template. The code is as follows
About the method of form verification, the official website does not have any introduction, know what require mean, but want
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.