cari

Rumah >hujung hadapan web >html tutorial >Terjemahan bahasa Cina bagi 'Negeri Pengesahan Bootstrap' ialah 'Negeri Pengesahan Bootstrap'

Terjemahan bahasa Cina bagi 'Negeri Pengesahan Bootstrap' ialah 'Negeri Pengesahan Bootstrap'

PHPz
PHPzke hadapan
2023-08-26 23:53:02906semak imbas

"Bootstrap Validation States"的中文翻译是"Bootstrap验证状态"

Bootstrap termasuk gaya pengesahan untuk mesej ralat, amaran dan kejayaan. Untuk menggunakan, cuma tambah kelas yang sesuai (.has-warning, .has-error atau .has-success) pada elemen induk.

Contoh

Anda boleh cuba jalankan kod berikut untuk mencapai status pengesahan

Demonstrasi masa nyata

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <form class = "form-horizontal" role = "form">
         <div class = "form-group">
            <label class = "col-sm-2 control-label">Focused</label>
            <div class = "col-sm-10">
               <input class = "form-control" id = "focusedInput" type = "text" value = "This is focused...">
            </div>
         </div>
         <div class = "form-group">
            <label for = "inputPassword" class = "col-sm-2 control-label">Disabled</label>
            <div class = "col-sm-10">
               <input class = "form-control" id = "disabledInput" type = "text" placeholder = "Disabled input here..." disabled>
            </div>
         </div>
         <fieldset disabled>
            <div class = "form-group">
               <label for = "disabledTextInput" class = "col-sm-2 control-label">
                  Disabled input (Fieldset disabled)
               </label>
               <div class = "col-sm-10">
                  <input type = "text" id = "disabledTextInput" class = "form-control" placeholder = "Disabled input">
               </div>
            </div>
            <div class = "form-group">
               <label for = "disabledSelect" class = "col-sm-2 control-label">
                  Disabled select menu (Fieldset disabled)
               </label>
               <div class = "col-sm-10">
                  <select id = "disabledSelect" class = "form-control">
                     <option>Disabled select</option>
                  </select>
               </div>
            </div>
         </fieldset>
         <div class = "form-group has-success">
            <label class = "col-sm-2 control-label" for = "inputSuccess">
               Input with success
            </label>
            <div class = "col-sm-10">
               <input type = "text" class = "form-control" id = "inputSuccess">
            </div>
         </div>
         <div class = "form-group has-warning">
            <label class = "col-sm-2 control-label" for = "inputWarning">
               Input with warning
            </label>
            <div class = "col-sm-10">
               <input type = "text" class = "form-control" id = "inputWarning">
            </div>
         </div>
         <div class = "form-group has-error">
            <label class = "col-sm-2 control-label" for = "inputError">
               Input with error
            </label>
            <div class = "col-sm-10">
               <input type = "text" class = "form-control" id = "inputError">
            </div>
         </div>
      </form>
   </body>
</html>

Atas ialah kandungan terperinci Terjemahan bahasa Cina bagi 'Negeri Pengesahan Bootstrap' ialah 'Negeri Pengesahan Bootstrap'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

bootstrap Error
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Dalam HTML5, bagaimanakah kita memaparkan kandungan utama dokumen?Artikel seterusnya：Dalam HTML5, bagaimanakah kita memaparkan kandungan utama dokumen?

Artikel berkaitan

Lihat lagi