Cara membuat borang bootstrap

Buat borang menggunakan elemen

. Tambah elemen borang seperti kotak input teks, kotak input kata laluan, dan senarai drop-down dalam elemen

. Gunakan kelas gaya yang telah ditetapkan seperti .Form-Control dan .Form-Group untuk gaya bentuk. Hantar borang menggunakan butang hantar (). Gunakan kod PHP untuk memproses data borang yang dikemukakan.

Cara membuat borang dalam bootstrap

Buat borang

Untuk membuat borang dalam bootstrap, anda perlu menggunakan elemen <form></form> . Inilah cara membuat bentuk asas:

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

Tambah elemen bentuk

Dalam elemen <form></form> , anda boleh menambah pelbagai elemen bentuk, seperti:

• Kotak Input Teks ( <input type="text"> )
• Kotak input kata laluan ( <input type="password"> )
• Senarai drop-down ( <select></select> )
• Kotak Semak ( <input type="checkbox"> )
• Butang Radio ( <input type="radio"> )

Tetapkan gaya bentuk

Bootstrap menyediakan kelas gaya yang telah ditetapkan untuk bentuk gaya, sebagai contoh:

• .form-control : Gunakan gaya asas untuk membentuk elemen.
• .form-group : Elemen Borang Kumpulan menjadi satu baris.
• .has-error , .has-success : memaparkan ralat atau status kejayaan.

Berikut adalah cara menggunakan kelas gaya untuk membuat kotak input teks mudah:

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

Hantar borang

Apabila pengguna mengisi borang, anda perlu menggunakan butang Hantar untuk menghantar borang. Inilah cara menambah butang hantar:

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

Data borang proses

Apabila pengguna mengemukakan borang, anda perlu memproses data borang. Anda boleh menggunakan kod PHP berikut untuk memproses data borang yang dikemukakan:

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

Dengan mengikuti langkah -langkah ini, anda boleh membuat bentuk dan gaya dengan mudah dalam bootstrap.

Atas ialah kandungan terperinci Cara membuat borang bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!