BootStrap Intelligent Forms Actual Series of Five Forms Dependent Plug in Processing

  • 2021-06-28 10:27:58
  • OfStack

What is Bootstrap?

Bootstrap is a front-end framework for the rapid development of Web applications and websites.Bootstrap is based on HTML, CSS, JAVASCRIPT.

History

Bootstrap was developed by Mark Otto and Jacob Thornton of Twitter.Bootstrap is an open source product released on GitHub in August 2011.

Contents of the Bootstrap package

Basic structure: Bootstrap provides a basic structure with grid system, link style and background.This will be explained in detail in the Essential Structure section of Bootstrap.

CSS:Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible class, and an advanced grid system.This will be explained in more detail in the Bootstrap CSS section.

Components: Bootstrap contains more than 10 reusable components for creating images, drop-down menus, navigation, warning boxes, pop-ups, and more.This will be explained in more detail in the Layout Components section.

JavaScript Plug-ins: Bootstrap contains more than 10 custom jQuery plug-ins.You can include all plug-ins directly or individually.This will be explained in more detail in the Bootstrap plug-in section.

Customize: You can customize Bootstrap components, LESS variables, and jQuery plug-ins to get your own version.

All of the above are paving the way for the theme. Below is a description of how forms depend on plug-in processing. The details are as follows.

This chapter is relatively simple. It is mainly about some post-processing operations after the production of form elements, such as rendering of date plug-in, processing of some ESEN, etc., which can be handled in the callback.

demo:


("input.date-picker").datepicker({ format: 'yyyy-MM-dd', autoclose: true }).next("span.input-group-btn").bind("click", function () {("input.date-picker").datepicker({ format: 'yyyy-MM-dd', autoclose: true }).next("span.input-group-btn").bind("click", function () {(this).prev(".date-picker").datepicker("show"); });

This section relies on the bootstrap datepicker plug-in. The datepicker plug-in is not introduced in the current project, so it is not detailed.


Related articles: