Comment faire la forme de bootstrap

Créez un formulaire à l'aide de l'élément

. Ajoutez des éléments de formulaire tels que les boîtes d'entrée de texte, les boîtes d'entrée de mot de passe et les listes déroulantes dans l'élément

. Utilisez des classes de style prédéfinies telles que .form-control et .form-groupe pour styliser la forme. Soumettez le formulaire à l'aide du bouton Soumettre (). Utilisez le code PHP pour traiter les données de formulaire soumises.

Comment créer une forme en bootstrap

Créer une forme

Pour créer un formulaire dans Bootstrap, vous devez utiliser l'élément <form></form> . Voici comment créer une forme de base:

 <code class="html"><form> ...您的表单元素... </form></code>

Ajouter des éléments de forme

Dans l'élément <form></form> , vous pouvez ajouter divers éléments de forme, tels que:

• Zone d'entrée de texte ( <input type="text"> )
• Boîte d'entrée de mot de passe ( <input type="password"> )
• liste déroulante ( <select></select> )
• Checkbox ( <input type="checkbox"> )
• Bouton radio ( <input type="radio"> )

Set Form Form Style

Bootstrap fournit des classes de style prédéfinies aux formulaires de style, par exemple:

• .form-control : Appliquez un style de base pour former des éléments.
• .form-group : Group Form Elements en une ligne.
• .has-error , .has-success : affiche une erreur ou un statut de réussite.

Voici comment utiliser une classe de style pour créer une boîte d'entrée de texte simple:

 <code class="html"><div class="form-group"> <label for="username">用户名：</label> <input class="form-control" type="text" id="username" name="username"> </div></code>

Soumettre un formulaire

Lorsque l'utilisateur remplit le formulaire, vous devez utiliser le bouton Soumettre pour soumettre le formulaire. Voici comment ajouter un bouton Soumettre:

 <code class="html"><button type="submit" class="btn btn-primary">提交</button></code>

Traiter les données du formulaire

Lorsqu'un utilisateur soumet un formulaire, vous devez traiter les données du formulaire. Vous pouvez utiliser le code PHP suivant pour traiter les données du formulaire soumis:

 <code class="php"><?php if (isset($_POST[&#39;submit&#39;])) { $username = $_POST[&#39;username&#39;]; // 在这里处理表单数据} ?></code>

En suivant ces étapes, vous pouvez facilement créer et style dans Bootstrap.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!