基本的表单结构时BootStrap自带的,创建基本表单的步骤如下:
1、向父
<form role="form"> <div class="form-group"> <label for="name">名称 <input type="text" class="form-control" id="name" name="name-text" placeholder="请输入你的名称"> @H_403_25@
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js">
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js">
添加了form-controlClass的input会和label分为两行,并且获得焦点时会有蓝色的边框样式。
内联表单
内联表单中所有的元素都是内联的,标签都是并排的
1、向
<form class="form-inline" role="form"> <div class="form-group"> <label class = "sr-only" for="name">名称 <input type="text" class="form-control" id="name" name="name-text" placeholder="请输入你的名称" style="width: 170px"> @H_40325@ <div class="form-group"> <input type="file" name="inputfile" style="width: 170px"> @H403_25@
如果大家还想深入学习,可以点击进行学习,再为大家附3个精彩的专题:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。