Bootstrap可以轻松创建经常看到的表单类型,编码非常的简单,所以本篇文章我们就来看看使用bootstrap创建表单的方法。
打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)
制作表单的方法
首先利用<form>标签设置表单,然后为表单的每个元素设置class =”form - group“(用“<div>”等标签设置你想要设置class =”form-group“的范围)。最后通过在<input>标签中设置class =”form-control“来完成。
我们来看bootstrap创建表单的具体示例
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>sample</title>
<script src="bootstrap-4.2.1-dist/js/bootstrap.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="