精华内容
下载资源
问答
  • vb程序运行时如何让文本框失去焦点?1。打开VB软件,在窗体上方添加两个文本框,如下图所示。2。分别设置两个文本框的属性,清除文本框的内容,如下图所示。3。在表单上,添加两个命令按钮,如下图所示。4。设置名为...

    vb程序运行时如何让文本框失去焦点?

    1。打开VB软件,在窗体上方添加两个文本框,如下图所示。

    2。分别设置两个文本框的属性,清除文本框的内容,如下图所示。

    3。在表单上,添加两个命令按钮,如下图所示。

    4。设置名为“left”和“right”的两个文本框的属性,如下图所示。

    5。双击名为“left”的命令按钮编辑其代码,如下图所示。

    6。双击名为“right”的命令按钮编辑其代码,如下图所示。

    7。运行程序,点击命令按钮,在文本框中观察焦点变化,如下图所示。(为方便查看,请先单击“右”命令按钮,然后单击“左”命令按钮)。

    vb程序运行时如何让文本框失去焦点?

    setfocus方法将焦点移动到指定的控件或窗体。语法object.SetFocusobject对象其中,表示值为“应用于”列表中的对象的对象表达式。描述对象必须是窗体对象、mdiform对象或可以接收焦点的控件。调用setfocus方法后,任何用户输入都指向指定的窗体或控件。焦点只能移动到可见窗体或控件。由于窗体或窗体上的控件在窗体的加载事件完成之前不可见,因此,如果它不在窗体中如果在加载事件进程完成之前使用show方法显示窗体,则不能使用setfocus方法将焦点移到在其自己的加载事件中加载的窗体。也不能将焦点移动到其enabled属性设置为false的窗体或控件。如果在设计时已将enabled属性设置为false,则必须先将enabled属性设置为true,然后才能使用setfocus方法使其接收焦点。

    在文本框中输入身份证号,如果文本框失去焦点,则判断身份证号是否合法的c#程序?

    搜索身份证的正则表达式。文本框失去焦点后,判断是否符合正则表达式。

    展开全文
  • 弹出modalPage({data:{// text:"这是一个页面"hiddenModal: true,yijian: ""},Button:function() {this.setData({hiddenModal: !this.data.hiddenModal})},confirmM:function() {this.setData({hiddenModal: true})...

    3a81e889645ecedb5df2322cf251fb8c.png

    弹出modal

    Page({

    data:{

    // text:"这是一个页面"

    hiddenModal: true,

    yijian: ""

    },

    Button:function() {

    this.setData({

    hiddenModal: !this.data.hiddenModal

    })

    },

    confirmM:function() {

    this.setData({

    hiddenModal: true

    })

    console.log("意见" + this.data.yijian);

    },

    cancelM:function() {

    this.setData({

    hiddenModal: true

    })

    },

    yijian: function (e) {

    this.setData({

    yijian: e.detail.value

    })

    },

    onLoad:function(options){

    // 页面初始化 options为页面跳转所带来的参数

    },

    onReady:function(){

    // 页面渲染完成

    },

    onShow:function(){

    // 页面显示

    },

    onHide:function(){

    // 页面隐藏

    },

    onUnload:function(){

    // 页面关闭

    }

    })

    展开全文
  • <view class='textarea-count'> <textarea placeholder='请输入文字' bindinput="getWords" maxlength='{{maxTextLen}}'></textarea> <view class='text-count-display f f-end'>...

     <view class='textarea-count'>
       <textarea placeholder='请输入文字' bindinput="getWords" maxlength='{{maxTextLen}}'></textarea>
       <view class='text-count-display f f-end'>{{textLen}}/{{maxTextLen}}</view>
     </view>

    /* @import "style.wxss"; */
    
    
    .f{
      display: flex;
    }
    
    .f-end{
      justify-content: flex-end;
    }
    
    .text-count-display{
      padding: 2%;
    }
    
    .textarea-count {
      border: 1px solid #ddd;
      border-radius: 5px;
    }
    
    .textarea-count textarea{
      width: 100%;
    }
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        // 最大字符数
        maxTextLen: 20,
        // 默认长度
        textLen: 0
      },
      getWords(e) {
        let page = this;
        // 设置最大字符串长度(为-1时,则不限制)
        let maxTextLen = page.data.maxTextLen;
        // 文本长度
        let textLen = e.detail.value.length;
    
        page.setData({
          maxTextLen: maxTextLen,
          textLen: textLen
        });
      }
    })

    展开全文
  • 在微信小程序开发中,input 用来实现文本输入,如输入用户名密码等等

    也许你迷茫,但是我想说,在你迷茫的同时,保持本心,过好今天就好。

    在微信小程序开发中,input 用来实现文本输入,如输入用户名密码等等

    1 基本使用

    <input class="input" name="userName" placeholder="请输入用户名" auto-focus="true" />
    

    基本效果就是显示了一个文本输入框。

    • placeholder 输入框为空时的占位符
    • auto-focus 自动聚集,拉起键盘,需要注意的是一个页面中只能有一个 input 标签 或者 textarea 来设置这个属性

    在这里插入图片描述

    2 获取输入框中的内容

    bindinput 属性用来绑定键盘输入时的事件监听,也就是可以实时获取输入中的内容 。

    当然 在你的处理函数中可以直接 return 一个结果来替换输入框中的内容。

      <input bindinput="userNameInputAction"  class="input" name="userName" placeholder="请输入用户名" auto-focus="true" />
    

    对应的 js

      /**
       * 输入框实时回调
       * @param {*} options 
       */
      userNameInputAction: function (options) {
        //获取输入框输入的内容
        let value = options.detail.value;
        console.log("输入框输入的内容是 " + value)
      },
    

    效果
    在这里插入图片描述

    3 输入框焦点监听

    应用场景还是比较多的,比如输入结束时 去校验个数据什么的

    • bindfocus
    • bindblur 输入框焦点移出
    • bindconfirm 点击键盘的回车键或者是完成按钮时回调的事件
      <input bindfocus="userNameFocusAction" bindblur="userNameBlurAction" bindconfirm="userNameConfirm" placeholder="请输入用户名" />
    

    对应的 js

      userNameFocusAction: function (options) {
        //输入框焦点获取
        let value = options.detail.value;
        console.log("输入框焦点获取 " + value)
      },
    
      userNameBlurAction: function (options) {
        //输入框焦点移出
        let value = options.detail.value;
        console.log("输入框焦点移出 " + value)
      },
      
      userNameConfirm: function (options) {
        //点击了键盘上的完成按钮
        let value = options.detail.value;
        console.log("点击了键盘上的完成按钮 " + value)
      },
    

    效果图
    在这里插入图片描述

    4 常用输入限制

    • disabled 默认为false 不禁用输入框,为true时是不可输入的
    <input disabled="{{isInput}}" placeholder="请输入用户名" />
    
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        isInput:true
      },
    
    })
    

    在这里插入图片描述

    • password 默认为 false ,为true时,输入的内容为密码类型
    <input  password="true" placeholder="请输入用户名" />
    

    在这里插入图片描述

    • value 输入框初始内容

    5 type 文本框输入内容格式

    在HTML中,input组件中的type属性可以接收哪些值,有button、text、radio、checkbox、hidden、image、reset、submit等。而在微信小程序中,type属性只有text、number、idcard、digit、time和date。

    • type 输入框可输入的数据 类型
    text文本
    number数字 纯数字键盘模式输入 无小数点
    idcard数字 数字键盘(无小数点、有个 X 键)
    digit数字 带小数点的数字键盘模式输入

    完毕

    展开全文
  • 微信小程序——好看的文字加输入框(文本框

    千次阅读 多人点赞 2021-03-02 16:02:03
    效果图: wxml代码: <view class="view-contain-ti"> <text class="text-ti">账号</text> <input class="input1"></input> </view>... border: 3rpx soli
  • 上一篇说到了小程序的带参跳转问题,没有看过,现在去看看 此篇还是通过比较单间的示例来展示输入文本的获取,在当前界面的展示。 一、
  • 我们以用户登录例子来写输入框数据的获取。首先,我们做一个登录界面,界面里有用户名输入框,我们要求在第二个界面... <view class="title"> <text>登录界面<...input type="text" name="username" ...
  • 小程序改变文本内容可以动态绑定value值即可 不一定要获取组件 this.setData is not define 是要 var that = this
  • 在通过uni-app编写代码的时候,也会结合H5端和微信小程序一起来进行编写,一人控制两个平台。但是有一部分代码就不一样。 目录 搜索框的文字效果 input 输入框 input自动获取焦点 搜索框的文字效果 在处理H5和...
  • wxml <view class='suggest_title'>请输入你想反馈的问题</view> <view class='suggest_box'>...textarea class='suggest_text' bindinput="bindText" maxlength='200' placeholder='我们有什么...
  • 场景 用户进入界面弹出输入窗口,需要用户输入内容,如果取消则跳转到指定界面,重新进入还会弹出窗口,只有输入正确内容才能正式进入此界面 实现 wxml <view class="container"> <view wx:if="{{!...
  • 效果图: 若输入文字超过10字时,提示“已达上限”,并且不能再输入文字: .wxml文件中: <view class="content"> ...textarea placeholder='请输入不少于{{min}}个字的描述' minlength="{{min}}" maxlength=...
  • 4,demo,如果input没有文字的时候,后面的“取消”按钮,隐藏;如果在input框中输入文字,后面的“取消”按钮,显示; ​ (易错点:在index.wxml文件中,使用index.js中data中的值都需要{{}} ) ...
  • 但是微信小程序页面的渲染是一次性的过程,如果在事件当中改变data当中的数据时,页面也不会改变,想要页面的数据同时发生变化,必须使用this.setDate()事件,在这个事件当中,可以直接拿到this.data当中的数据。...
  • 微信小程序input输入框屏蔽非法字符 wxml文件 <view class="numOfChildren"> <sapn class="title">非法输入内容验证</sapn> <input value="{{numOfChildrenREsult}}" bindblur=...
  • 小程序中偶尔会有让文字右对齐的需求 我们设置input标签的css样式text-align: right;即可 input{ text-align: right; } 当我们只想让输入框中默认字体向右对,其我们可以这样 <input placeholder="请输入" ...
  • 微信小程序输入框上移问题 缺陷:输入框顶起整个页面 包括自定义顶栏 解决方式:给input设置adjust-position="{{false}}"后自定义input高度 wxml <view class="submit" style="bottom:{{bottom}}px"> <...
  • 微信小程序实现类似超级链接锚点跳转问题 先看一下效果展示: 主要用到 scroll-view 组件 scroll-into-view 属性;当点击导航菜单的时候,我们改变相应的 scroll-into-view 的值,并且同时需要在 scroll-view 组件...
  • 在微信小程序开发中经常用到input组件,但是如果按下面的wxml代码去写,input的边框是不会显示的,只有在鼠标点过去的时候才会有个光标 <view class="setinput"> <input class="input1"></input&...
  • 微信小程序如何给input赋值

    千次阅读 2021-03-08 02:20:18
    第二张图:第三张图:wxml代码:退出登录{{item.fieldName}}:提 交js代码:Page({/*** 页面的初始数据*/data: {info: [], //模板数据resumeInfo: [], //人员信息dateModel: '',//模板日期数据dateStart: '', //提交...
  • <input type="text" maxlength="10" confirm-type="done" model:value="{{bookName}}" placeholder="请输入"></input> 如上,我限制输入框最长可输入5位字符,在微信开发工具调试是没问题的,在真机...
  • 一、微信小程序中构建Towxml 参考之前文章:https://blog.csdn.net/qq_33848658/article/details/115234194 二、使用 1、单独封装mathquill.css 2、towxml/towxml.wxss中引入mathquill.css /* mathquill数学...
  • 微信小程序自运营器 微信小程序自动运营器(让你的微信小程序,公众号零运营成本,24小时全自动运营) 自动发单,自动评价,自动评论,自动推广 微信小程序自运营器 微信小程序自动运营器(让你的微信小程序,公众号零...
  • /*复制到剪贴板*/ wx.setClipboardData({ data: '复制内容',//传入复制的内容 success: function () { wx.showToast({ title: '复制成功', }) } }) ... /*获取系统剪贴板的内容*/ ... cons..
  • 微信小程序列表实现文字内容超出隐藏并显示全文/收起按钮 针对这个功能,产品的需求如下 由于我们项目是教育类产品所以这里这个功能会用在发动态这里,就像微信朋友圈那样,我们叫班级圈。 用户发班级圈时,可以发布...
  • 但是编译到小程序中 那简直就是龟速啊 有反应但是特别慢 很奇怪 我也猜想了很多原因 甚至吧 微信小程序开发工具卸载重装 可还是那个样子 在者就是以为我写的方法 哪里有问题 最后还是没有解决 是在没办法 ...
  • 展开全部代码如下:importjava.awt.Color;importjava.awt.Dimension;importjava.awt.FlowLayout;importjava.util.HashMap;importjava.util.Map;importjavax.swing.JComboBox;importjavax.swing.JFrame;...
  • 版主可以把这个问题移到 CMS小程序模块下面去吗?T+05ykr3Y3EaLk8CpftQ4g==问题:pFF5Sw1RbHYUeZ7u7EfE2Q==1、页面下拉快的情况下评论输入框错位,评论输入框会跳到评论模块上面去,覆盖上方内容(相关阅读)2、iPhone...
  • css语法 style="white-space:pre-wrap;" 在 view 标签加上这个white-space:pre-wrap;css属性,view输出文本的时候就会带着原有的空格 和换行。...四季田间小程序升级公告</view> <view class="tip-bo
  • 小程序文本换行

    2021-04-23 10:40:17
    后台使用多行文本框上传了换行的文本内容,小程序使用view来展示,默认不进行换行展示 想要换行只需要在view标签加上以下样式就可以了, style="white-space:pre-wrap" 如: <view class="detail_card_text" ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 86,849
精华内容 34,739
关键字:

小程序文本框