精华内容
下载资源
问答
  • prompt弹出框中实现输入

    千次阅读 2018-04-09 16:26:51
    <!DOCTYPE html><html> <...在弹出框输入值prompt</title> </head> <body> <script type="text/jav
    <!DOCTYPE html>
    
    <html>


    <head>
    <meta charset="UTF-8">
    <title>在弹出框中输入值prompt</title>
    </head>


    <body>
    <script type="text/javascript">
    show();


    function show() {
    var s = prompt("你觉得循环多少次?");
    // alert(s);
    // prompt:实现在弹出框输入
    for(var i=0; i < s; i++) {


    document.writeln("hello,ward!");


    }


    }
    </script>


    </body>

    </html>




    展开全文
  • mui弹出框——输入确认消息框

    千次阅读 2018-09-16 21:36:04
    最近做项目的时候需要有弹出框,并且输入相应信息,所以想写一下自己见到的两个弹出框 第一种: 这种弹出框的代码如下: &lt;html&gt; &lt;head&gt; &lt;script type="text/...

    弹出框的写法

    最近做项目的时候需要有弹出框,并且输入相应信息,所以想写一下自己见到的两个弹出框


    第一种:
    弹出缺考原因

    这种弹出框的代码如下:

    <html>
    <head>
    <script type="text/javascript">
    function disp_prompt()
      {
      var name=prompt("请输入缺考原因","")
      }
    </script>
    </head>
    <body>
    
    <input type="button" onclick="disp_prompt()" value="显示一个提示框" />
    
    </body>
    </html>

    第二种:
    这里写图片描述
    代码如下:

       mui.prompt('请输入缺考原因', '', '', new Array('取消', '确定'), function (Reason) {
          if (Reason.index == 1) {
            mui.toast('标记缺考成功');
          }
        });

    总结:这么两种方式都可以达到我们想要的结果,我弄出来之后还是很开心的!

    展开全文
  • 即在当前弹出框上不再使用modal弹出框。 如果使用自定义的弹出框,例如:http://my.oschina.net/tianma3798/blog/737232 如果自定义弹出框中有input输入框,如果input 输入框不获得焦点,则可能原因如下: 许多...

    1.在使用Bootstrap框架中目前modal弹出框只支持一层,

    即在当前弹出框上不能再使用modal弹出框。

    如果使用自定义的弹出框,例如:http://my.oschina.net/tianma3798/blog/737232

    如果自定义弹出框中有input输入框,如果input 输入框不能获得焦点,则可能原因如下:

    许多使用定义弹出层

    <div class="modal fade" tabindex="0" role="dialog" id="myModal" data-backdrop="static">

    <div class="modal fade" tabindex="0" role="dialog" id="myModal" data-backdrop="static">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                        <h4 class="modal-title" id="myModalLabel">添加学校</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" name="myForm" novalidate>
                            <input type="hidden" ng-model="entity.SchID" />
                            <div class="form-group">
                                <label for="SchName" class="col-sm-2 control-label">学校名称:</label>
                                <div class="col-sm-10">
                                    <input type="text" required ng-minlength="3" ng-maxlength="30"
                                           class="form-control"
                                           ng-model="entity.SchName" name="SchName" placeholder="长度3-30">
                                    <span class="text-danger" ng-show="myForm.SchName.$dirty && myForm.SchName.$invalid">
                                        <span ng-show="myForm.SchName.$error.required">名称是必须的</span>
                                        <span ng-show="myForm.SchName.$error.minlength">最小长度3</span>
                                        <span ng-show="myForm.SchName.$error.maxlength">最大长度30</span>
                                    </span>
                                </div>
                            </div>
    
                            <div class="form-group">
                                <label for="WebSite" class="col-sm-2 control-label">学校官网:</label>
                                <div class="col-sm-10">
                                    <input required type="url" class="form-control" ng-model="entity.WebSite" name="WebSite"
                                           placeholder="链接地址" />
                                    <span class="text-danger" ng-show="myForm.WebSite.$dirty && myForm.WebSite.$invalid">
                                        <span ng-show="myForm.WebSite.$error.required">姓名是必须的</span>
                                        <span ng-show="myForm.WebSite.$error.url">链接格式不正确</span>
                                    </span>
                                </div>
                            </div>
    
                            <div class="form-group">
                                <label for="FoundTime" class="col-sm-2 control-label">建校时间:</label>
                                <div class="col-sm-10">
                                    <input required type="number" class="form-control" ng-model="entity.FoundTime" name="FoundTime"
                                           placeholder="年份" />
                                    <span class="text-danger" ng-show="myForm.FoundTime.$dirty && myForm.FoundTime.$invalid">
                                        <span ng-show="myForm.Summary.$error.required">姓名是必须的</span>
                                        <span ng-show="myForm.Summary.$error.number">请输入数字(年份)</span>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">入学时间:</label>
                                <div class="col-sm-10">
                                    <div class="selectBox" id="selectMonth"></div>
                                    <input type="hidden" name="Province" ng-model="entity.MonthList" />
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" ng-disabled="myForm.$invalid" ng-click="addOrUpdate()">保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>

    解决方式是去掉 tabindex="0" 属性,然后就可以获得焦点了

    <div class="modal fade" role="dialog" id="myModal" data-backdrop="static">


    更多:

    Bootstrap model的使用及点击外部不消失

    Bootstrap3 datetimepicker在AngularJs中使用实例

    Bootstrap Table使用整理(五)-分页组合查询

    展开全文
  • vant——可输入文字的弹出框

    千次阅读 2020-05-25 21:24:43
    想实现点击按钮,出现一个弹出框,可以进行输入。并且有确定和取消事件。 在我们需要操作的VUE界面上,放置控件: //这是一个按钮,赋予click事件 <van-button type="default" :icon="require ('../../...

    想实现点击按钮,出现一个弹出框,可以进行输入。并且有确定和取消事件。

    在我们需要操作的VUE界面上,放置控件:

    <!--这是一个按钮,赋予click事件-->
     <van-button type="default" :icon="require ('../../assets/main/approving.png') " @click="onClick">正在审批</van-button>
    <!--弹出框,赋予chargeBtn事件-->
         <van-dialog
        v-model="show"
        title="弹出框"
        show-cancel-button
        :beforeClose="chargeBtn"
      >
    <!--输入框-->
        <van-field
          v-model="message"
          rows="1"
          autosize
          label="留言"
          type="textarea"
          placeholder="请输入留言"
        />
      </van-dialog>
    <script>
    import Vue from 'vue';
    import { Dialog,Field } from 'vant';
    Vue.use(Dialog);
    Vue.use(Field);
    export default {
      data() {
        return {
          show: false,
          message: '',
       };
      },
      methods: {
        onClick() {
    //当点击按钮时,显示弹出框
           this.show = true;
        },
        chargeBtn(action, done) {//确认or取消
          if (action === 'cancel') {//取消按钮
            done();
          } else if (action === 'confirm') {//确定按钮
              //向后端传值并关闭dialog弹出框
                this.show = false;
              };
            this.message='';
            done();
        }
      }
    }

     

    展开全文
  • HTML页面使用layer弹出框输入数据

    千次阅读 2019-03-26 22:05:00
    javascript中layer是一款近年来备受青睐的web弹层组件,layer.open对弹出框进行输入信息,并处理返回结果。详细介绍http://layer.layui.com/部署:将layer.js文件和skin目录复制到项目的./static/js目录中,在页面中...
  • Android弹出一个简单的输入弹出框

    万次阅读 2018-06-29 21:07:58
    我用setView方法,为我们的对话框传入了一个文本编辑,当然,你可以传入任何的视图对象,比如图片,WebView等。package com.test.tanchukuang;import android.os.Bundle;import android.view.View;import android....
  • 使用eclipse时弹出框要求输入用户名和密码,如何去除 推荐于2016-05-05 08:19:04最佳答案 使用eclipse时弹出框要求输入用户名和密码,如何去除 方法如下: Window -> Preferences General -> ...
  • 昨天写了一篇博客,关于普通的弹出框的,本来想把自定义的弹出框也一起发出来的,但想想时间不早了,岛主还是去看球吧啊哈哈。。 是不是觉得很神奇,这里我们将自定义的弹出框设置了逻辑来判断两次...
  • electron 弹出框

    千次阅读 2020-05-02 15:27:17
    1、引入弹出框 主线程:const {dialog}=require('electron'); 渲染进程:const {dialog}=require('electron').remote; 2、每个弹出框都有同步和异步打开方式 是否在末尾添加Sync 同步:可以直接接收返回值 异步:...
  • 上午写了一篇博文,介绍了如何定义从屏幕底部弹出PopupWindow,写完之后,突然想起之前写过自定义内容显示的弹出框,就随手写了两个实例,分享出来: 第一种实现方式:继承Dialog  1.1 线定义弹出框要...
  • JavaScript的三种弹出框

    千次阅读 2016-03-23 17:49:49
    列举JavaScript的弹出框
  • OCUI界面设计:弹出框

    千次阅读 2015-08-10 00:31:14
    弹出框的使用在iOS开发中非常广泛,合理弹出框使用可极大增强用户体验。 效果展示弹出框表单实现方式iOS8以前弹出框 初始化 - (void)respondsToLoginButton:(UIButton *)sender { /** * 弹出框 * * @param title ...
  • selenium弹出框处理

    千次阅读 2019-08-31 14:15:51
    在web测试中,有时会碰到弹出框。如果此弹出框直接可以用八大元素定位到,则用八大元素定位方法来进行弹出框处理。如果定位不到,则要用selenium的弹出框方法来处理。 具体参考链接:...
  • bootstrap 各类弹出框

    万次阅读 2017-01-18 21:42:38
    在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理。总...
  • 【前端】弹出框提交表单

    万次阅读 2018-11-03 22:30:33
    目录功能描述功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建...用户在弹出框填写...
  • js自定义弹出框

    千次阅读 2019-05-22 12:17:27
    输入数量" id="number"> ()">取消 ()">确定 function chickMe() { let d2=document.getElementById("d2"); d2.style.display="block"; let d1=document.getElementById("d1"); d1.style.display=...
  • JavaScript弹出框

    万次阅读 2013-08-16 11:46:56
    提到弹出框,首先想到的alert()了,其次想到的也还是alert(),其实在js中有三种弹出框,下面我们一一说明。 1,仅确定。  即:对话框界面上只有确定按钮。该功能可以使用alert()方法实现。 代码: //alert...
  • Android 多种简单的弹出框样式设置

    千次阅读 2016-11-02 18:07:57
    简介这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明。同时也可自定义弹出框。项目地址:http://www.github.com/jjdxmashl/jjdxm_dialogui特性1.使用链式开发...
  • 自定义模态框(弹出框

    千次阅读 2017-04-27 15:46:13
    3月份做了比较多的在线能力测试或笔试题 ,我记得有一道题是自己使用原生js实现一个组件实现自定义的模态框或弹出框需求: 1、模态框在浏览器居中显示 2、有关闭和确认功能 3、弹出模态框后使浏览器蒙层( 遮罩层...
  • element ui框架 弹出框内容重置功能

    万次阅读 2017-08-05 10:22:56
    element ui框架搭配VUE使用的框架在写Dialog 对话框的时候,想要做到对弹出框输入内容的重置,(示例),或者提升一层功能需求是,用户点击‘提交’之后,再打开该弹出框,以前输入的内容自动应该清空,那么这部分清空...
  • Android 仿微信点赞和评论弹出框

    万次阅读 多人点赞 2015-12-16 11:25:04
    本文简单模仿微信朋友圈的点赞和评论弹出框,布局等细节请忽略,着重实现弹出框、发评论,及弹出位置的控制。
  • 在编写Winform程序时,有些情况下需要自己定义一个弹出框,获取用户选择的是YES还是NO,并且获取用户输入的数据。 首先,自定义弹出框非常容易编写,利用Form可以制作成一个对话框样式,并且在主程序中以模态形式...
  • 在编写Winform程序时,有些情况下需要自己定义一个弹出框,获取用户选择的是YES还是NO,并且获取用户输入的数据。  首先,自定义弹出框非常容易编写,利用Form可以制作成一个对话框样式,并且在主程序中以模态形式...
  • 实现类似QQ消息弹出框右下角置顶显示,但在弹出的同时不会激活程序该程序的主窗口,同时也不抢夺用户的输入焦点
  • swal 美化弹出框

    千次阅读 2017-09-18 18:20:07
    美化弹出框,同时还在回调函数中写处理代码 swal({  title: "确认删除?",  text: "Your will not be able to recover this imaginary file!",  type: "warning",  showCancelButton: true,  ...
  • 通过弹出框控件以及相关函数实现窗体中的数据选取、交互。   弹出框控件 ShowList函数用于弹出列表显示,选择一个列表项返回到窗体。 显示列表:ShowList(array, label, changeCallback, hideCallback) ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 279,200
精华内容 111,680
关键字:

既能弹出框又能输入