Al hacer un formulario, es inevitable hacer una verificación de formulario. También es necesario proporcionar estilos de estado de verificación, y estos efectos también se proporcionan en el marco Bootstrap.
1.Havia: estado de advertencia (amarillo)
2. .Has-Error: estado de error (rojo)
3..
Al usarlo, solo necesita agregar el nombre de la clase de estado correspondiente al contenedor del grupo de formulario.
<form de rol = "form"> <div> <etiqueta for = "inputSuccess1"> Estado de éxito </label> <input type = "text" id = "inputSuccess1" PlaceHolder = "Status de éxito"> </div> <div> <label para = "InputWarning1"> Estado de advertencia </etiqueta </etiqueta type = "text" Id = "inputwarning1" PLOGINGER = "Warning status" Win " for = "inputError1"> Estado de error </label> <input type = "text" id = "inputError1" placeHolder = "Error Status"> </div> </form>
El efecto de ejecución es el siguiente o vea la ventana de resultados a la derecha:
Muchas veces, al verificar el formulario, diferentes estados proporcionarán diferentes iconos, como el éxito es un signo de verificación (√), el error es un signo cruzado (×), etc. Este efecto también se proporciona en el cuadro de arranque. Si desea que el formulario muestre el icono en el estado correspondiente, solo necesita agregar el nombre de clase "HA-Feedback" en el estado correspondiente. Tenga en cuenta que dichos nombres deben estar con "HaS-error", "Have-Warning" y "Ha-tesis":
<form role="form"><div><label for="inputSuccess1">Success Status</label><input type="text" id="inputSuccess1" placeholder="success Status" ><span></span></div><div><label for="inputWarning1">Warning Status</label><input type="text" id="inputWarning1" placeholder="Warning Estado "> <span> </span> </div> <div> <etiqueta for =" inputError1 "> Error Estado </labor> <input type =" text "id =" inputError1 "PlaceHolder =" Error Status "> <span> </span> </div> </form>
El efecto de ejecución es el siguiente o vea la ventana de resultados a la derecha:
Como se puede ver en las representaciones, los íconos están a la derecha. Los pequeños iconos en Bootstrap se crean usando @Font-Face (se introducirá una sección en el siguiente contenido). Y debe agregar un elemento SPAN al formulario:
<span> </span>
Lo anterior es el estado de control de formulario (estado de verificación) en Bootstrap introducido por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!