文本框 | 易学教程

ExtJs学习笔记之TextField

阅读更多关于 ExtJs学习笔记之TextField

输入框TextField 一个基本文本框表单项。可以直接代替传统文本输入框, 或者作为许多复杂基本控件的基类({如@link Ext.form.field.TextArea }) 和 Ext.form.field.ComboBox )。支持空表单项占位符(参见 emptyText )。 1、示例：　　在FormPanel表单中添加两个输入框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="../ext-js-4.2.1/resources/css/ext-all.css" /> <script type="text/javascript" src="../ext-js-4.2.1/ext-all.js"></script> <script type="text/javascript" src="../ext-js-4.2.1/locale/ext-lang-zh_CN.js"></script> <script type="text/javascript"> Ext.onReady(function() { //初始化标签中的Ext:Qtip属性 Ext

Axure 25 局部变量：增减商品数量（1）

阅读更多关于 Axure 25 局部变量：增减商品数量（1）

案例来源天猫-商品详情案例效果初始状态，如图：案例描述单击“增加”按钮时，商品数量增加1；单击“减少”按钮时，商品数量减少1；商品数量最低为1。元件准备包含命名文本框（用于显示商品数量）：GoodsNumber 思路分析 ①单击“增加”按钮时，让文本框中的数量自增1，需要获取到文本框的内容，进行加1的计算后，再填写到到文本框（见操作步骤01）。 ②单击“减少”按钮时，不能直接减少，而是需要符合文本框内数值大于1的符合条件，才能够减少（见操作步骤02～03）。操作步骤 01 为“增加”按钮的【鼠标单击时】事件添加case1，设置动作为【设置文本】到文本框“GoodsNumber”；新的数值为通过【添加局部变量】“n”获取到的“GoodsNumber”【元件文字】加1，即“[[n+1]]”。 case动作设置：见图8-36。局部变量设置：见图8-37。 02 为“减少”按钮的【鼠标单击时】事件添加case1，设置条件判断为【元件文字】“GoodsNumber”【>】【值】“1”。条件判断设置：见图8-38。 03 继续上一步，设置符合条件的动作为【设置文本】到文本框“GoodsNumber”；新的数值为通过【添加局部变量】“n”获取到的“GoodsNumber”【元件文字】减1，即“[[n-1]]”（见操作步骤01）。事件交互设置：见图8-39。来源：

如何控制，textField的宽度，

阅读更多关于如何控制，textField的宽度，

继上一节内容，我们在表单里加了个两个文本框。如下所示代码区的第42行位置，items: [txtusername, txtpassword]。 1.代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5  6 <script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script> 7 <script type="text/javascript" src="/Ext/ext-all.js"></script> 8 <link rel="stylesheet" type="text/css" href="/Ext/resources/css/ext-all.css" /> 9  10 <script type="text/javascript"> 11 Ext.onReady(function (

高度自适应输入框的清晰解题思路

阅读更多关于高度自适应输入框的清晰解题思路

前言业务开发中，经常会遇到文本输入框高度随着输入内容高度变化的情况，下面我们来详细说明一下实现这种输入框的方案和解题思路方案一为一种扩展思路,仅供参考方案二为常规思路，急着用的小伙伴建议直接看二第三个板块附上了react native和react native to web的代码实现方案 ※方案一：contenteditable属性法 contenteditable属性表示元素是否可编辑，变为可编辑状态的元素还保留其原有的特性，属性值为如下两者之一 -true或空字符串，表示元素是可编辑的； -false表示元素不是可编辑的；该属性是一个枚举属性，而非布尔属性。这意味着必须显式设置其值为 true 、 false 或空字符串中的一个，最好不要简写为 <label contenteditable>Example Label</label> 正确的用法是 : <element contenteditable="value"> --value=true/false 🌰分析 <style type="text/css"> .container { padding: 20px; } .auto-input { min-height: 100px; font-size: 30px; border: 1px solid red; } </style> <body> <h1

2020-01-19

阅读更多关于 2020-01-19

HTML的学习了解HTML ： HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（互联网）是一个由一系列传输协议和各类文档所组成的集合，html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上，通过传输协议用户可以远程获取这些文件所传达的资讯和信息。超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素。 HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（互联网

API之模拟百度搜索

阅读更多关于 API之模拟百度搜索

步骤定义一个keyWords字符串数组获取所有需要的元素（获取文本框）文本框注册键盘抬起事件，以及书写事件函数事件函数中首先要获取去文本框内输入的内容然后创建一个临时数组，存放对应的数据把输入的字符和最开始定义的keyWords数组中的每一项数据做对比，那么就需要一个循环如果输入的字符和数组中每一项数据的0位置上的字符能顾匹配上，那么就把它放入临时数组里如果文本框内没有输入内容或者临时数组为空，那么就不创建div 如果用户输入的值和临时数组里面的数据相匹配，那么开始便利临时数组，创建div，然后把div加入box中每次键盘抬起都判断有没有后面加的div，如果有那么就删除代码如下： <body> <div id="box"> <input type="text" value="" id="txt"> <input type="button" value="搜索" id="btn"> </div> <script> var keyWords = ['小样酸q糖', '小样我就这样', '小机灵鬼', '小仙女', '别---薛之谦', '别那么骄傲-----金海心', '许嵩----明智之举', '许仙白娘子', '小龙女杨过', '白羊', '白夜行']; var btn = document.getElementById('btn'); var txt =

超简洁的百家姓验证

阅读更多关于超简洁的百家姓验证

基于jQuery，引用了amazeui。 CSS部分 <input type="text" id="mingzi" /> <input type="button" onclick="submits()"> JS部分 function submits(){ var t = isChecknameNo(checkname); //判断文本框是否填写 checkname = document.getElementById("mingzi").value; //获取文本框内的值 var patt1=new RegExp(checkname.substr(0,1)); //正则表达式进行判断 var xingshi =patt1.test("赵|钱|孙|李|周|吴|郑|王|冯|陈|楮|卫|蒋|沈|韩|杨|朱|秦|尤|许|何|吕|施|张|孔|曹|严|华|金|魏|陶|姜|戚|谢|邹|喻|柏|水|窦|章|云|苏|潘|葛|奚|范|彭|郎|鲁|韦|昌|马|苗|凤|花|方|俞|任|袁|柳|酆|鲍|史|唐|费|廉|岑|薛|雷|贺|倪|汤|滕|殷|罗|毕|郝|邬|安|常|乐|于|时|傅|皮|卞|齐|康|伍|余|元|卜|顾|孟|平|黄|和|穆|萧|尹|姚|邵|湛|汪|祁|毛|禹|狄|米|贝|明|臧|计|伏|成|戴|谈|宋|茅|庞|熊|纪|舒|屈|项|祝|董|梁|杜|阮|蓝|闽|席|季|麻|强|贾|路|娄|危

vue中的&&与||符号

阅读更多关于 vue中的&&与||符号

vue中使用的判断符号好像有点不同？例如：这四个文本框作为模糊查询，四个文本框只要任意一个输入查询条件即可查询例如：判断是否输入条件,为空则提示 if(diyi === '' && dier === '' && disan === '' && disi === '') { alert ( '请输入条件' ) } 一般在其他编程语言中好像是用 || 来判断，而在vue中好像是用 && ||（有一个为真即为真）、&&（全部为真才为真）来源： CSDN 作者： weixin_45221951 链接： https://blog.csdn.net/weixin_45221951/article/details/103995782

前台js及body内的一些常用写法

阅读更多关于前台js及body内的一些常用写法

js控制文本框输入权限 1 $("#tel").prop("disabled", true);//禁止输入,tel代表input的id 2 $("#tel").prop("disabled", false);//允许输入,tel代表input的id js控制按钮的可用/不可用 1 $('#tel').attr('disabled',true);//使按钮不可用，tel代表按钮的id 2 $('#tel').attr('disabled',false);//恢复按钮设置文本框宽度：（使用size） 1 <input type='text' size=35 /> js如何阻止a标签刷新当前页面 1 <a href=""></a> //这样不能阻止 2 <a href="javascript:void(0)">跳转</a>//这样可以阻止 js解决url传递中文参数乱码问题：（使用encodeURI） var url = encodeURI(encodeURI("<%=webapp%>/test/test.act?id="+id)); 或者页面端发出的数据作两次encodeURI 1 //前台js 2 var name="张三"; 3 encodeURI(encodeURI(name)); 4 //后台解码： 5 URLDecoder.decode(name,"UTF-8");

HTML5新增元素，标签总结

阅读更多关于 HTML5新增元素，标签总结

HTML5新增元素，标签总结 1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。 < input formaction = "new.html" type = "submit" value = "提交到new.html" > （3）formmethod属性：用法同formaction。（4）placeholder属性：用于文本框处于未输入状态时的一种文字提示。（5）autofocus属性：自动获得焦点，一个页面只能有一个控件具有该属性。该属性无值，直接写就好。 < input name = "username" autofocus type = "text" id = "username" > （6）list属性：用于单行文本框，该属性的值为某个datalist元素的id，增加该属性后的单行文本框类似选择框(select)，但允许用户自定义输入，为了避免没有支持该元素的浏览器出现错误，我们通常使用CSS设置不显示。 <datalist> 标签:定义可选数据的列表。与 input 元素配合使用

订阅文本框