模态框_莫态框是什么-程序员宅基地

模态框(Modal)是覆盖在父窗体上的子窗体。说的白一点就是你这当前页面不动,再在当前页面覆盖一个小一点(一般是小一点大小随自己调)的窗体,可以做一些操作(例如:登录、注册等)

做模态框很简单你找一个Bootstrap插件一拉,然后网上百度一段模态框代码一复制粘贴然后改改,改成自己要的样式就行。

如果大家想好好学学而我这又讲的不全大家可以上菜鸟网站去看看出来模态框还有很多东西。。。。。

这是一个登录的模态框大家可以看看。

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>

    <link href="~/CSS/bootstrap.min.css" rel="stylesheet" />
    <script src="~/JS/jquery.min.js"></script>
    <script src="~/JS/bootstrap.min.js"></script>
</head>
<body>

    <h2>创建模态框(Modal)</h2>
    <!-- 按钮触发模态框 -->
    <button class="btn btn-primary btn-lg" data-toggle="modal"
            data-target="#myModal">
        开始演示模态框
    </button>

    <!-- 模态框(Modal) -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            <table>
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" /></td>
                </tr>
                <tr>
                    <td>密  码:</td>
                    <td><input type="text" /></td>
                </tr>
                <tr>
                    <td><input type="submit" /></td>
                </tr>
            </table>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</body>
</html>


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/niuyongaiai/article/details/52440077

智能推荐

Unity3D:问题(成功):如何解决:Unity2019新建工程都空白红色感叹号报错_unity2019.4.31f1报错-程序员宅基地

文章浏览阅读8.7k次,点赞3次,收藏5次。目录一.目的1.想解决:Unity2019打开空白报错二.参考1.官方回复的1.【Unity离谱的bug】2019版本总是打不开(崩溃却没有任何提示及弹窗)[LicensingClient] ERROR Failed to connect to local IPC三.注意四.操作:成功1.打开编辑器日志:1.1 发现 貌似是 许可证问题2.测试:失败:断网打开:还是报错3.测试:失败:将Unity此位置的文件,删除或者修改名字,然后重新通过UnityHUB打开U._unity2019.4.31f1报错

浅谈node.js 回调函数与事件机制_node 的回调和事件的关联是什么-程序员宅基地

文章浏览阅读3k次。node.js 是单进程单线程应用程序,但通过事件和回调支持并发,所以性能非常高。node.js 的每一个API都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。node.js 单线程类似进入一个while(true)的事件循环,直到没有事件观察者退出,每个异步事件都生成一个事件观察者,如果有事件发生就调用_node 的回调和事件的关联是什么

java 图片 mysql数据库_如何基于java向mysql数据库中存取图片-程序员宅基地

文章浏览阅读151次。这篇文章主要介绍了如何基于java向mysql数据库中存取图片,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下学mysql的时候都是做个表格,放的也都是文字内容,虽然我知道长篇的文章和图片或者视频的都是用过文件夹的方式存储的,再讲文件路径存进数据库中。但还是想试试直接往mysql数据库中存取图片。这里我用的是java语言和jdbc实现的mysql数..._java怎么把图片怎么存在mysql中

cookie模拟登陆淘宝_抓到淘宝cookie之后怎么登录-程序员宅基地

文章浏览阅读1.9k次,点赞2次,收藏8次。cookies模拟登陆淘宝并爬取数据实例_抓到淘宝cookie之后怎么登录

使用APK进行Frida注入,免电脑联机麻烦,批量解决更新脚本或frida麻烦_frida-inject-程序员宅基地

文章浏览阅读3.7k次。代码来源于,本文记录其实现过程https://github.com/iGio90/FridaAndroidInjector我们平时测试最多的是使用android端的server + 电脑端的frida-tools结合使用注入脚本到进程,这是开发最方便的。使用frida-inject可以直接脱离frida-tools或者python绑定,注入脚本到进程。如下图,看下help参数。而server参数是通过socket端口监听与frida-tools通讯的。参数如下:摘取apk端重要注入代码如_frida-inject

Git开发指南(涵盖GitLab的merge request(简称:mr))_gitlab merge request 的 命令-程序员宅基地

文章浏览阅读5.9k次。Gitlab 配置 ssh 第0步:git pull origin master第1步:git checkout -b &lt;分支名称&gt;第2步:功能开发完成第3步:git status第4步:git add .第5步:git commit -m ‘修改信息’第6步:git pull origin master第7步:处理冲突第8步:git push origin yourBranch第9步..._gitlab merge request 的 命令

随便推点

用python写一个自动朗读的自动化测试程序_浏览器语音识别 自动化测试-程序员宅基地

文章浏览阅读355次。做物联网涉及到实际使用环境语音识别准确率的测试,大量的语料如果是人来朗读的话太费功夫,编一个自动测试程序即可无人通宵测试,大大提高了效率;朗读上可以通过调用powershell来朗文档中的语料,通然后过串口抓取设备设备对语料响应的数据进行分析把识别结果写入到文档当中;需要安装serial(串口支持模块)和openxl(Exel文档支持模块);编译调试完成打包为.exe文件,可在没有配置python环境的电脑上运行;使用到python多线程(通过Queue线程间通信),还有文档读写操作;很有参考价值,._浏览器语音识别 自动化测试

2021 Xman 排位赛 pwn nowaypwn_yongibaoi-程序员宅基地

文章浏览阅读423次。学了不少东西。tea加密。以为很难,但是说来很简单。内容8字节一组,密钥16字节一组。加密算法#include<stdio.h>void encode(unsigned int* v,unsigned int *k){ unsigned int l=v[0],r=v[1]; unsigned int k0=k[0],k1=k[1],k2=k[2],k3=k[3]; unsigned int delta=0x9e3779b9; int i; _yongibaoi

WPF NAudio录音和播放音频文件-实时绘制音频波形图_wpf 音频频谱图-程序员宅基地

文章浏览阅读2.3k次。后台部分源码:using NAudio.Wave;using System;using System.Collections.Generic;using System.Collections.ObjectModel;using System.ComponentModel;using System.IO;using System.Threading.Tasks;usi..._wpf 音频频谱图

UVa227-程序员宅基地

文章浏览阅读160次。#include <iostream>#include <bits/stdc++.h>#define N 5using namespace std;bool isSafe(int x,int y){ return x>=0 && x<N && y>=0 && y<N;}int..._uva227

织梦dedecms改logo怎么改_织梦网站logo图片怎么更换-程序员宅基地

文章浏览阅读693次。dedecms改logo怎么改dedecms改logo怎么改?织梦大部分的功能在后台实现,但有些功能就不一定,比如更换顶部Logo。dedecms改logo的方法:一、更换gif格式logo1、打开顶部Logo所在目录在uploads\templets\default\images里找到logo.gif,这就是我们要更换的logo!2、更换它把准备好的logo覆盖上去即可,当然logo文件格式也要是gif,且名称也要一样。二、更换非gif格式logo要是我的logo_织梦网站logo图片怎么更换

nios中SDRAM,FLASH测试代码-程序员宅基地

文章浏览阅读2k次。/* Author: [email protected] Date: 2012-5-21*/#include "sys/alt_stdio.h"#include "system.h"#define SDRAM_TEST//#define FLASH_TEST#ifdef SDRAM_TEST#define TEST_OFFSET_START 0#define

推荐文章

热门文章

相关标签