1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true <input type="submit" value="提交" hidefocus="true" /> 2.只读文本框内容,在input里添加属性值 readonly <input type="text" readonly /> 3.防止退后清空的TEXT文档(可把style内容做做为类引用) <input type="text" style="behavior:url(#default#savehistory);" /> 4.ENTER键可以让光标移到下一个输入框 <input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 5.只能为中文(有闪动) <input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 6.只能为数字(有闪动) <input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 7.只能为数字(无闪动) <input type="text" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 8.只能输入英文和数字(有闪动) <input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 9.屏蔽输入法 <input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 10. 只能输入 数字,小数点,减号(-) 字符(无闪动) <input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 11. 只能输入两位小数,三位小数(有闪动) <input type="text" maxlength="9" onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" /> 属性值
<input>:
1.在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像:
<form>
<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg"
/>
</form>
2.accesskey
定义和用法
accessKey 属性设置或返回 checkbox 的快捷键。
注释:请使用 Alt + accessKey 为拥有指定快捷键的元素赋予焦点。
语法
checkboxObject.accessKey=accessKey
3.alt\align
下面的表单拥有两个输入字段以及一个图像形式的提交按钮:
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="image" src="submit.jpg" alt="Submit" align="right"
/>
<p>This is some text This is some text This is some text.</p>
</form>
alt 属性只能与 <input type="image"> 配合使用。它为图像输入规定替代文本。
align 属性只能与 <input type="image"> 配合使用。它规定图像输入相对于周围其他元素的对齐方式。
浏览器支持
只有 "left" 和 "right" 值得到所有浏览器的支持。
4.dir 定义(文字)的排列方式 ltr -- 代表左到右的排列方式 rtl -- 代表右到左的排列方式 cache字面上是缓存的意思,不过我从来没见过这么用 5.tabIndex是选择索引,就是页面上按Tab键切换的顺序 6.usemap
客户器端图像映射:
<img src="planets.gif" alt="Planets" usemap="#planetmap"
/>
<map name="planetmap">
<area href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a>
<area href="mercur.htm" shape="circle" coords="129,161,10">Mercury</a>
<area href="venus.htm" shape="circle" coords="180,139,14">Venus</a>
</map>
解释
上面这段源代码将一幅图像 planets.gif 映射为 3 个区域,当用户单击其中某一个区域时,将被链接到不同的文档中。
7.size 和 maxlength
maxlength="5",则input输入框中只能够输入5个字符;
size="5",表示input输入框只显示5个可见的字符,但你可以输入'无数'多字符内容 8. title 弹出提示框
相关推荐
input事件: onchange: 1、要在 input 失去焦点的时候才会触发; 2、在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发; 3、onchange event 所有主要浏览器都支持; 4、onchange 属性可以...
本文实例讲述了jQuery针对input的class属性写了多个值情况下的选择方法。分享给大家供大家参考,具体如下: jQuery选择input的class属性写了多个值的情况: <html> <head> <meta ...
在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...
对弹性布局的简单设置以及实例,其中有主轴的设置, 以及属性值 对弹性布局的简单设置以及实例,其中有主轴的设置, 以及属性值 对弹性布局的简单设置以及实例,其中有主轴的设置, 以及属性值 对弹性布局的简单设置以及...
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。 注释:placeholder 属性适用于以下的 <input> 类型:text, searc
本文实例讲述了JavaScript获取并更改input标签name属性的方法。分享给大家供大家参考。具体实现方法如下: <input name="kk"></input> [removed] // 这里用getElementsByTagName把所有的input对象取...
input 属性 返回进行查找的字符串。 instanceof 运算符 返回一个 Boolean 值,表明某个对象是否为特定类的一个实例。 isFinite 方法 返回一个 Boolean 值,表明某个给定的数是否是有穷的。 isNaN 方法 返回一个 ...
本文实例讲述了JavaScript实现清空(重置)文件类型INPUT元素值的方法。分享给大家供大家参考,具体如下: 因为安全限制,脚本是不能随意设置其value值的,所以并不能像其它表单输入域那样用属性来设置使其重置。 重置...
最近工作中遇到一个需求,需要在正则匹配页面中,所有可能存在的 form 表单的元素,可能有 input,action,select,textarea等等所有可能的元素,本文给出一个代码示例。感兴趣的朋友们可以参考学习。 实例代码如下 ...
微信小程序输入框input 相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view ...input的类型,有效值:text,number,idcard,digit,
本文实例讲述了jQuery将所有被选中的checkbox某个属性值连接成字符串的方法。分享给大家供大家参考。具体如下: 需求: 对于一组checkbox,当点击每个checkbox后,把当前处于选中状态的checkbox的某个属性值取出来...
根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。HTML 与 XHTML 之间的差异在 HTML 中,<input> 标签没有结束标签。在 XHTML 中,&...
在2.0的版本中,vuejs把v-el 和 v-ref 合并为一个 ref 属性了,可以在组件实例中通过 $refs 来调用。这意味着 v-el:my-element 将写成这样: ref="myElement" , v-ref:my-component 变成了这样: ref="myComponent...
本文实例讲述了Angular4的输入属性与输出属性。分享给大家供大家参考,具体如下: Angular4输入属性 输入属性通常用于父组件向子组件传递信息 举个栗子:我们在父组件向子组件传递股票代码,这里的子组件我们叫它app...
form表单,将组件内输入的”switch”,”input”,”checkbox”,”slider”,”radio”,”picker”的值进行提交,数据的格式为:name:value,所以表单中控件都需要添加name属性,否则找不到对应控件的值。其主要属性: ...
6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter提交数据 7.4 IE中屏蔽退格建(Back Space) 7.5 屏蔽键盘所有键 7.6 ...
微信小程序中form 表单提交和取值实例详解 我们知道,如果我们直接给 input 添加 bindinput,比如:<input bindinput=”onUsernameInput” />,那么可以在 onUsernameInput 中直接使用 e.detail.value,即: ...
17.6 输入事件(InputEvent)抽象类 287 17.7 键盘事件(KeyEvent)及其处理 287 17.8 鼠标事件(MouseEvent)及其处理 291 17.9 项目事件(ItemEven)及其处理 293 17.10 AdjustmentEvent事件及其处理 295 17.11...
实现的思路大同小异,在columns中插入Input,很简单的,直接render中返回就好,只是中间遇到小插曲,改变一个input的值所有的都跟着改变,原来是都定义成了同一个变量,后来家里一个动态的后缀。具体代码见贴图 ...