1.bootstrap
bootstrap是一个很方便的开发工具,在页面设计时可以更方便的添加样式尤其是在表单的使用方面
-1表单的创建
以上是简单的表单创建,总结有以下重要知识点:
1)表单的input框要加入样式form-control 才会呈现出表单中的输入框样式,否则则呈现正常的输入框样式
2)row样式代表的是将该div标签中的元素以一行的形式排开,col-的样式代表该元素占据该行的分量 总分量是12,如果样式为col-4那么则占据该行的三分之一,一行的如果只有一个元素写了其占据的分量其他元素在不写的情况下将自动分配剩余的分量
3)card样式代表该元素的外部有一个像卡片一样的外边框,为表单增加样式使其外观更好看
4)朴素输入框form-control-plaintext 代表该输入框没有边框5)通过样式form-control-sm最末尾的字符可以改变输入框的长度,从小到大为sm
-2 表单的验证(手动表单验证)
html: