Wie man Bootstrap -Formular macht

Erstellen Sie ein Formular mit dem Element

. Fügen Sie Formularelemente wie Texteingangsfelder, Kennworteingangsfelder und Dropdown-Listen im Element

hinzu. Verwenden Sie vordefinierte Stilklassen wie .Form-Control und .Form-Gruppen, um die Form zu stylen. Senden Sie das Formular mit der Schaltfläche Senden (). Verwenden Sie den PHP -Code, um übermitteltes Formulardaten zu verarbeiten.

So erstellen Sie eine Form in Bootstrap

Erstellen Sie eine Form

Um ein Formular in Bootstrap zu erstellen, müssen Sie das Element <form></form> verwenden. Hier erfahren Sie, wie Sie eine grundlegende Form erstellen:

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

Formularelemente hinzufügen

Innerhalb des <form></form> -Elements können Sie verschiedene Formularelemente hinzufügen, z. B.:

• Texteingangsfeld ( <input type="text"> )
• Kennworteingangsfeld ( <input type="password"> )
• Dropdown-Liste ( <select></select> )
• Kontrollkästchen ( <input type="checkbox"> )
• Optionsknopf ( <input type="radio"> )

Setzen Sie Formstil

Bootstrap bietet vordefinierte Stilklassen für Stilformen, zum Beispiel:

• .form-control : Wenden Sie den grundlegenden Stil auf, um Elemente zu formen.
• .form-group : Gruppenformelemente in eine Reihe.
• .has-error , .has-success : Zeigt einen Fehler oder einen Erfolgsstatus an.

Hier erfahren Sie, wie Sie eine Stilklasse verwenden, um ein einfaches Texteingabefeld zu erstellen:

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

Ein Formular einreichen

Wenn der Benutzer das Formular ausfüllt, müssen Sie die Schaltfläche Senden verwenden, um das Formular einzureichen. Hier finden Sie eine Schaltfläche Senden:

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

Prozessformdaten

Wenn ein Benutzer ein Formular einreicht, müssen Sie die Formulardaten verarbeiten. Sie können den folgenden PHP -Code verwenden, um übermitteltes Formulardaten zu verarbeiten:

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

Wenn Sie diese Schritte ausführen, können Sie die Formulare in Bootstrap problemlos erstellen und stylen.

Das obige ist der detaillierte Inhalt vonWie man Bootstrap -Formular macht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!