Heim >Web-Frontend >HTML-Tutorial >Die chinesische Übersetzung von „Bootstrap Validation States' lautet „Bootstrap Validation States'.
Die chinesische Übersetzung von „Bootstrap Validation States' lautet „Bootstrap Validation States'.
- PHPznach vorne
- 2023-08-26 23:53:02837Durchsuche
Bootstrap enthält Validierungsstile für Fehler-, Warn- und Erfolgsmeldungen. Fügen Sie zur Verwendung einfach die entsprechende Klasse (.has-warning, .has-error oder .has-success) zum übergeordneten Element hinzu.
Beispiel
Sie können versuchen, den folgenden Code auszuführen, um den Verifizierungsstatus zu erreichen
Echtzeitdemonstration
<!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>Das obige ist der detaillierte Inhalt vonDie chinesische Übersetzung von „Bootstrap Validation States' lautet „Bootstrap Validation States'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Wie zeigen wir in HTML5 den Hauptinhalt des Dokuments an?Nächster Artikel：Wie zeigen wir in HTML5 den Hauptinhalt des Dokuments an?