bootStrap基础

最新推荐文章于 2024-11-17 10:20:34 发布

zsnbaby

最新推荐文章于 2024-11-17 10:20:34 发布

阅读量108

点赞数

分类专栏： bootstrap 文章标签： bootstrap ajax

本文链接：https://blog.csdn.net/qq_45295297/article/details/120277048

版权

本文介绍了BootStrap的基础知识，包括validate插件的使用步骤和校验规则，展示了各种表单类型如内联表单和水平表单，以及栅格系统、表格、按钮、图片、导航栏和分页等组件的应用。

摘要由CSDN通过智能技术生成

validate插件

在这里插入图片描述

使用步骤

在这里插入图片描述

校验规则

在这里插入图片描述

案例

    <tr>
        <td>年龄</td>
        <td>
            <input type="text" name="age" id="age">
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <input type="submit" value="注册" onclick="click1()">
        </td>
    </tr>
</table>

用户名
密码
确认密码
邮箱
出生日期

## Bootstrap概述![在这里插入图片描述](https://img-blog.csdnimg.cn/6e48681dfb764f0cb5ec0080907a2415.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAenNuYmFieQ==,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/21d85d72e8bb4f6cafa4530292c037b6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAenNuYmFieQ==,size_20,color_FFFFFF,t_70,g_se,x_16) ### 基本模板页面 ![在这里插入图片描述](https://img-blog.csdnimg.cn/6cda4859e79042338c0eec1f4af839c7.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAenNuYmFieQ==,size_16,color_FFFFFF,t_70,g_se,x_16)