Après avoir entré du contenu dans la zone d'entrée, si vous souhaitez effacer ces contenus, vous pouvez cliquer directement sur le petit bouton Round Fork sur le côté droit de la zone d'entrée.
texte
mot de passe
URL
Recherche
Tél
nombre
DateTime
Comment utiliser
Utilisez le plugin de contenu de la zone d'entrée de saisie de réinitialisation pour importer des fichiers jQuery et bootstrap ainsi que les fichiers jQuery.bootstrap-PureClearbutton.js.
<link rel = "Stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel = "Stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <script type = "text / javascrip src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"> </ script> <script type = "Text / javascrip
Structure HTML
La structure HTML de ce plugin de bouton jQuery peut être utilisée dans l'un des deux formats suivants.
<entrée type = "Text" Data-pure-Clear Button> <entrée type = "Text" Data-Pure-Clear-Button = "true">
Initialiser le plugin
Une fois la page chargée, vous pouvez utiliser la méthode suivante pour initialiser le plug-in.
$ .pureclearbutton.setDefault ({icon: 'Glyphicon-Plus'});méthode
Le plugin jQuery a 4 méthodes disponibles:
.pureClearButtn ('Create'): Créez un bouton Effacer / réinitialiser dans la zone d'entrée spécifiée.
.pureClearButtn ('détruire'): Détruisez un bouton Effacer / réinitialiser dans la zone d'entrée spécifiée.
.pureClearButtn ('show'): affiche un bouton Effacer / réinitialiser dans la zone d'entrée spécifiée.
.pureClearButtn ('masquer'): Masquez un bouton Effacer / réinitialiser dans la zone d'entrée spécifiée.
Ce qui suit consiste à étendre le contenu pour vous: Bootstrap Entrée Boîte
1. Ajouter des éléments supplémentaires.
Éléments d'externalisation.
<div> <span> Éléments supplémentaires </span> <entrée type = "Text" /> </div>
2. Entrez la taille du groupe de boîtes
Classe de contrôle.
<div> <span id = "size-addon1"> Éléments supplémentaires </span> <entrée type = "text"> </div>
3. Ajouter plusieurs choix ou plusieurs choix pour des éléments supplémentaires
Nichez un élément de bouton unique ou multi-sélection dans des éléments supplémentaires
<div> <span> <entrée type = "radio" /> </span> <Type d'entrée = "Text" /> </div>
4. Les éléments supplémentaires sont des boutons
Classe de bouton supplémentaire.
<div> <span> <Fut-bouton> Button élément supplémentaire </span> </span> <entrée type = "Text" class = "form-control" /> </div>
5. L'élément supplémentaire est le menu du bouton déroulant
.input-group-btn contient des éléments de menu de bouton déroulants (y compris les déclencheurs et les menus déroulants)
<div> <div> <Button Data-Toggle = "Dropdown"> Button <span> </span> </ Button> <ul> <li> <a href = ""> item1 </a> </li> <li> <a href = ""> item2 </a> </li> </ul> </v> <entrée type = "Text" /> </v>
6. L'élément supplémentaire est le menu déroulant des bouton fendus
Les éléments supplémentaires incluent les menus déroulants à boutons fendus (boutons, déclencheurs et menus déroulants)
<div> <div> <button> Button </ Button> <Button data-toggle = "Dropdown"> <span> </span> </futton> <ul> <li> <a href = ""> item1 </a> </li> <li> <a href = ""> item2 </a> </li> </ul> </v> </puty type = "text" /> </v>
Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.