Bootstrap, de Twitter, es el marco front-end más popular en la actualidad. Bootstrap se basa en HTML, CSS y JavaScript. Es simple y flexible, lo que hace que el desarrollo web sea más rápido.
Al revisar mis propios antecedentes, utilicé Bootstrap en el diseño general, y no había razón para no usar la parte de forma restante. Para el embellecimiento y el diseño de la forma, Bootstrap también es muy bueno, con bordes atmosféricos, botones multifunción y diseño de forma macro, ¡todo es tan completo y perfecto!
Forma normal
Necesitamos envolver los elementos de formulario en la clase de grupo de formulario, que generalmente se almacena en <iv> ... </div>, y el contenido del nombre del elemento de formulario generalmente se coloca en la etiqueta de la etiqueta, y el nombre de la clase de etiqueta de entrada es un control de formulario. Vale la pena señalar que su casilla de verificación y elementos de radio deben escribirse en su propio DIV.
Por ejemplo, la siguiente forma
<Form> <Viv> <etiqueta for = "EjemploInputEMaL1"> Dirección de correo electrónico </selebel> <input type = "email" id = "EjemploInputemail1" PlaceHoldeer = "Correo electrónico"> </div> <viv> <lelebelebel for = "Ejemplo de Ejemper for = "EjemploInputFile"> Entrada de archivo </etiqueta> <input type = "Password" id = "EjemploInputPassword1" PlaceHolder = "Password"> </div> <viv> <Label for = "EjemploinputFile"> File Input </Label> <input type = "archivo" id = "Ejemplo de typputfile"> <P> Ejemplo-Level de ayuda de bloqueo aquí. </p> </div> <Viv> <Sc. me out </label> </div> <button type = "enviar"> Enviar </botón> </form>
Efecto después de correr
Forma de emisión horizontal
Si sus elementos de formulario deben ser descargados horizontalmente, puede agregar class.form-inline al formulario. Este formulario es generalmente más adecuado cuando hay menos elementos.
Por ejemplo
<Form> <VIV> <etiqueta for = "EjemploInputEMaL3"> Dirección de correo electrónico </selabel> <input type = "Correo electrónico" id = "EjemploInputEmail3" PlaceHolder = "Correo electrónico"> </div> <div> <etiqueta for = "EjemploInputPassword3"> contraseña </etiqueta> <input type = "contraseña" id = "EjemploinputPassword3" PlayHolder = "PASSINTS"> </DIV> <Div> <Div> <Vel> <Stiv> <Stain type = "CheckBox"> Recuérdame </etiqueta> </div> <botón type = "enviar"> Iniciar sesión </boton> </form>
Forma ordinaria + emisión horizontal de elementos
Esta forma es la más utilizada. Cuando los usuarios comunes se registran y completan información, a menudo pueden ver los siguientes efectos del formulario.
La implementación de este formulario utiliza la clase .Form-Horizontal, y cada fila de elementos está envuelta en <iv> ... </div>
Forma> <div> <etiqueta for = "inputemail3"> correo electrónico </selebel> <div> <input type = "correo electrónico" id = "inputemail3" posteholder = "correo electrónico"> </div> </div> <div> <lel etiqueta for = "inputpassword3"> contraseña </etiqueta> <divs> <put type = "contraseña" id = "inputPassword3" Playholder = "PASSINTY" <input type = "CheckBox"> Recuérdame </etiqueta> </div> </div> </div> </div> <div> <div> <button type = "enviar"> firmar </botón> </div> </div> </div> </form>
¡También podemos ver a través del código que al hacer un diseño de formulario, también puede usar col-SM y col-sm-ofsets para el diseño de la cuadrícula !
Lo anterior es un análisis completo de la forma de arranque introducida por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!