首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏开发技能乱炖

    tk基础2-输入框、文本框

    首先明确上面由几个元素组成;该界面由界面标题,输入框、两个按钮、文本框组成。 该界面我们需要实现的功能: 在输入框中输入文字,点击insert point按钮,将文字传入下面文本框中; ? 在文本框有文字的前提下,在输入框中输入文字,点击insert point按钮,将文字插入文本框中光标所在的位置; ? 在输入框中输入文字,点击insert end按钮,将文字传入下面文本框中(文本框无文字);在输入框中输入文字,点击insert end按钮,将文字传入原文字后面(文本框有文字) ? command=insert_point) b1.pack() b2 = tk.Button(windows,text="insert end",width=15,height=2,command=insert_end ) b2.pack() #设置文本框 t = tk.Text(windows,height=2) t.pack() windows.mainloop() 注:在插入时,我们可以在insert_end函数下的

    1.8K10发布于 2019-10-28
  • 来自专栏编程微刊

    点击按钮,新增输入框,再点击按钮,删除输入框

    需求:点击新增按钮的时候,会出现一个新增的输入框,按钮文字新增变成删除,再次点击删除按钮,出现的输入框隐藏,按钮文字变成新增字样。 background-size: 100% 100%; width: 203px; height: 38px; color: #fff; border-radius: 2px

    91410编辑于 2025-05-19
  • 来自专栏日常技术分享

    Flutter 意见输入框

    MainAxisAlignment.center, children: [ FlatButton( padding: EdgeInsets.all(2) maxLines: 1, ), ), ) ], ), ); } } 输入框部分 decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(2)

    2.8K10发布于 2021-03-02
  • 来自专栏偏前端工程师的驿站

    动手写个数字输入框2:起手式——拦截非法字符

    前言  最近在用Polymer封装纯数字的输入框,开发过程中发现不是坑,也有不少值得研究的地方。 本系列打算分4篇来叙述这段可歌可泣的踩坑经历: 《动手写个数字输入框1:input[type=number]的遗憾》 《动手写个数字输入框2:起手式——拦截非法字符》 《动手写个数字输入框3:痛点——输入法是个魔鬼 》 《动手写个数字输入框4:魔鬼在细节——打磨光标位置》 从源头抓起——拦截非法字符  从《动手写个数字输入框1:input[type=number]的遗憾》中我们了解到input[type=number ]基本不能满足我们的需求,为了简单化我们就直接在input[type=text]上加工出自己的数字输入框吧。   ret : ret[0] } const curry2Partial = fn => (...args) => {

    1.2K80发布于 2018-01-18
  • 来自专栏vue的实战

    DIV模拟输入框

    onDivInput: function(e) { this.myHtmlCode = e.target.innerHTML; console.log("Text: %o", this.myHtmlCode); }, $event事件回调

    2.6K10发布于 2020-04-02
  • 来自专栏iOS知识点

    iOS UITextField 文本输入框

    ///UILabel 显示的文本只读,无法编辑,可以根据文字个数自动换行; ///UITextField 可编辑本文,但是无法换行,只能在一行显示;当点击键盘上的return时会收到一个事件做一些事情。 ////UITextView 可编辑文本,提供换行功能。

    4.5K20发布于 2020-01-19
  • 来自专栏从零开始学自动化测试

    Selenium2+python自动化34-获取输入框联想词

    前言 最近有小伙伴问百度输入后,输入框下方的联想词如何定位到,这个其实难度不大,用前面所讲的元素定位完全可以定位到的。 本篇以百度输入框输入关键字匹配后,打印出联想词汇。 一、定位输入框联想词 1.首先在百度输入框输入关键词,如:博客,然后输入框下方会自动匹配出关键词。 2.这时候可以用firebug工具定位到联想出来的词,可以看到下方匹配出来的词都有共同的class属性,这时候就可以全部定位到了。 ? driver.get("http://www.baidu.com") time.sleep(1) driver.find_element_by_id("kw").send_keys(u"博客") # 获取百度输入框的

    1.6K50发布于 2018-04-08
  • 来自专栏OECOM

    日期输入框日历控件

    13:42:34 前面介绍了jQueryUI的autocomplete ( )对象和effect对象,这篇文章来介绍jQuery的datepicker ( )对象,他的实现效果是当你点击input输入框时 ,会自动弹出日历控件,选择好日期后会自动填充到输入框中。 它的常用参数:appendText:输入框后附加的文字;buttonImage:输入框后的小图片;dateFormat:选中的日期格式;showAnim:显示或隐藏控件时的动画效果;dayNamesMin

    5.4K20发布于 2020-07-01
  • 来自专栏编程微刊

    input输入框内阴影效果

    今天继续记录简单的input输入框内阴影效果,效果如下: ? <! div { width: 400px; height: 100px; background: #0d1c2f : inherit; box-shadow: 0px 0px 10px #005efe inset; background: #0d1c2f

    1.9K10发布于 2019-08-18
  • 来自专栏电光石火

    layui输入框内容判断

    value.charCodeAt(i)>=0) && (value.charCodeAt(i)<=255))                     sum=sum+1;  else  sum=sum+2;

    4K21发布于 2019-12-07
  • 来自专栏电光石火

    Vue监听input输入框

    <template> <input v-model="initial" v-on:input="change"></input> </template> <script> export default { name: "test", data: () => ({ initial: "Initial Value" }), methods: { change() { console.log(this.initial) } } }; </script>

    2.7K30发布于 2020-06-01
  • 来自专栏编程微刊

    input输入框内阴影效果

    今天继续记录简单的input输入框内阴影效果,效果如下: <! div { width: 400px; height: 100px; background: #0d1c2f : inherit; box-shadow: 0px 0px 10px #005efe inset; background: #0d1c2f

    36200编辑于 2025-05-18
  • 来自专栏万丈高楼平地起

    input输入框的限制

    (\d\d).*$/,'$1$2.$3');//只能输入两个小数 } 1>输入 0、正数,小数点保留 2 位小数 <el-input v-else :placeholder="changePriceTitleplaceholder (\d\d).*$/,'$1$<em>2</em>.$3')"> {{PriceType ? "元":"%"}} </el-input> 2>输入负数,0、正数,小数点保留 2 位小数 <el-input v-else :placeholder="changePriceTitleplaceholder "元":"%"}} </el-input> vue 的 input 输入框 一、@input 适用于实时查询,每输入一个字符都会触发该事件 <input type="text" placeholder ="search" /> watch:{ inputVal(newVal,oldVal){ comsole.log(newVal) } } 四、@blur(失焦) 要满足输入框在输入完成

    3.3K20编辑于 2022-03-09
  • 来自专栏itclanCoder

    表单输入框聚焦效果

    前言 让表单的输入框动起来 单个输入框表单聚焦时输入框变化 ? #999; text-indent: 20px; transition: 0.3; outline: none; } input[type='text']:hover { // 鼠标经过输入框时 webkit-input-placeholder { transform: scale(0.8) translateY(-10px); // 缩小0.8倍,同时向上垂直方向平移10px } 多个输入框表单聚焦时输入框变化

    2.1K20发布于 2020-10-28
  • 来自专栏pangguoming

    vue input输入框联想

    以下是示例,样式可以自己修改。最后是效果图,其实也挺简单的,主要是用了watch监控input输入值的变化,如果数据是请后端请求可以,先请求数据。 <template>

    <input type="text"v-model="city"/>
    <p v-for

    3.1K50发布于 2018-03-07
  • 来自专栏iOS 备忘录

    iOS输入框字符限制

    iOS输入框字符限制,不同实现方式的对比: 方法1,通过监听textField的UIControl.Event.editingChanged,在对应的方法里做长度拦截判断 方法2,通过textField 对比 假设产品要求这个输入框限制输入6个字,怎么判断? 问题2: 这种方式,在iOS12.0的手机上会出现,输入拼音时直接把拼音显示到了输入框内,本来是输入拼音选汉字,但是加了这个方法后在iOS12上,输入拼音到过程中直接把拼音就显示到输入框中了,完全乱了。 方法2 那既然上面的方法1在iOS12上完全不能用,来试试方法2的实现,即在textField的代理方法中判断,代码如下: import UIKit class ViewController: UIViewController + string.count return count <= 6 } } 运行调试,查看运行效果,会发现,首先iOS12上的那种错乱解决了;其次超出6个时不会自动把拼音带入到输入框内

    2.8K40编辑于 2023-10-16
  • 来自专栏前端数据可视化

    Fabric.js 激活输入框🎈

    在 HTML 中,input 输入框有2种方法自动聚焦,最简单的是在 input 标签上添加 autofocus 属性。 再次点的方法是使用 JS 获取输入框元素,再调用 focus 事件选中输入框。 在 Fabric.js 中,IText 组件也提供了类似的方法。 top: 100, // 输入框离画布顶部距离 padding: 7 // 设置输入框内边距 }) canvas.add(iText) // 将输入框添加到画布中 </script > 复制代码 此时画布和输入框是被创建出来了,但凭肉眼是很难找到输入框在哪。 激活输入框 想要解决上述问题,可以激活输入框。 // 省略部分代码 iText.enterEditing() 复制代码 用 enterEditing() 方法可以激活输入框。

    8K10编辑于 2022-06-10
  • 来自专栏编程微刊

    input输入框自动消除空格

    form">

    <label class="col-sm-<em>2</em> 这段代码的作用: onkeyup="this.value=this.value.replace(/[, ]/g,'')" 1:在input框里面输入编号的过程中,出现空格,自动消除 2:input首尾出现空格

    4.7K30发布于 2019-05-15
  • 来自专栏SAP Technical

    SAP ABAP 弹出输入框功能

    "弹出输入框,用于创建工单时的工厂信息 CALL FUNCTION 'POPUP_GET_VALUES' EXPORTING * NO_VALUE_CHECK = lt_value EXCEPTIONS error_in_fields = 1 OTHERS = 2. 注意:输入框如果设置为必输,可以通过FIELD_OBL字段设置,设置值为X的时候表示必输,为空的时候则不需要必输

    1.2K20编辑于 2023-10-13
  • 来自专栏跟Qt君学编程

    Flat风格的Qml输入框

    0x00 输入框代码 import QtQuick 2.0 import QtQuick.Controls 2.0 import QtGraphicalEffects 1.0 TextField { root.checkedColor : "#D5DBDB" border.width: 2 opacity: root.enabled ? stop() _private.isCheckDoubleClickedEvent = 0 } } } } 0x01 输入框样式代码 id: textFieldRepeater model: ["#727CF5", "#0ACF97", "#F9375E", "#FFBC00", "#2B99B9 ", "#5A6268", "#EEF2F7", "#212730"] TextField { checkedColor: modelData

    1.2K10发布于 2019-12-16
领券