`
zhangziyueup
  • 浏览: 1181593 次
文章分类
社区版块
存档分类
最新评论

网页表单元素Input的高级用法11例

 
阅读更多


1. 取消按钮按下时的虚线框
input里添加属性值 hideFocus 或者 HideFocus=true
2. 只读文本框内容
input里添加属性值 readonly
3. 防止退后清空的TEXT文档(可把style内容做做为类引用)
<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>
4. ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13) event.keyCode=9" >
5. 只能为中文(有闪动)
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13) event.keyCode=9">
6. 只能为数字(有闪动)
<input onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">
7. 只能为数字(无闪动)
<input 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 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 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}" id=text_kfxe name=text_kfxe>

分享到:
评论

相关推荐

    JavaScript网页表单元素Input的高级用法

    JavaScript网页表单元素Input的高级用法

    第6讲:MUI-HTML5前端框架MUI - dialog对话框、ipnut (表单).pdf

    MUI是一款专为移动设备...总结,MUI提供了丰富多样的对话框和表单元素,通过简单的配置和调用,开发者可以快速构建具有高级交互特性的移动应用界面。理解并熟练运用这些组件,能大大提高开发效率,同时提升用户体验。

    高级前端工程师面试题整理1

    - (5) 表单控件增强,如`&lt;input type="date"&gt;`、`&lt;input type="email"&gt;`等; - (6) 新技术如Web Worker、WebSocket和Geolocation。 移除的元素包括`&lt;acronym&gt;`、`&lt;applet&gt;`、`&lt;basefont&gt;`等。 2. HTML5新标签的...

    Html5程序设计基础教程(练习题参考答案).pdf

    HTML5 表单元素 1. `&lt;input&gt;` 元素:用于创建表单输入域。 2. `&lt;textarea&gt;` 元素:用于创建多行文本输入域。 3. `&lt;select&gt;` 元素:用于创建下拉菜单。 JavaScript 基础 1.变量类型:包括 Undefined、Null、...

    ASP.NET MVC 3高级编程

    1.2.1 创建asp.net mvc 3应用程序的软件要求 11 1.2.2 安装asp.net mvc 3 11 1.2.3 创建asp.net mvc 3应用程序 12 1.2.4 new asp.net mvc 3 project对话框 13 1.3 asp.net mvc应用程序的结构 17 1.4 小结 20 ...

    前端面试宝典V4.0.pdf

    11. 浮动和浮动元素 浮动是指元素浮动在文档流中,浮动元素可能会引起问题,例如 margin“塌陷”。浮动元素可以使用 clear 属性来清除浮动。 12. 弹性盒子 flex 布局 弹性盒子 flex 布局是一种布局方式,可以使...

    1+X认证Web前端开发初级模拟试题及答案7套.docx

    * HTML表单元素的用法,如 `radio`、`checkbox`、`file`等 知识点2:CSS基础知识 * CSS选择器的用法,如 `A:link`、`A:hover`、`A:visited`等 * CSS样式属性的用法,如 `color`、`font-weight`、`text-align`等 * ...

    中国石油大学远程教育《计算机网络应用基础》在线作业(一).pdf

    计算机网络应用基础是信息...以上内容详尽地解释了这个在线作业涉及到的计算机网络应用基础的各个知识点,涵盖从基础的网页元素到高级的网页设计技术。学习和理解这些知识点对于理解和操作互联网相关的任务至关重要。

    vue面试题 VUE面试题集

    在 Vue 中,v-model 指令可以用于多种表单元素,如 input、textarea 和 select 等。当使用 v-model 指令时,Vue 会自动将表单元素的值与数据建立双向绑定。当用户修改表单元素的值时,对应的数据也会自动更新;反之...

    2022年htmlcssjs面试题选择简答程序题.doc

    &lt;input type="hidden"&gt;是页面中看不见的表单元素。 Internet 17. 哪条命令用于使一行文本折行,而不是插入一种新的一段落?用于使一行文本折行,而不是插入一种新的一段落。 18. 世界上最大的一种计算机网络是?...

    从入门到精通HTML5——PDF——网盘链接

     14.1 新增表单元素与属性 256  14.1.1 新增的属性 256  14.1.2 增加与改良的input元素的种类 259  14.1.3 output元素的添加 264  14.1.4 应用新增元素制作注册表单 264  14.2 对表单的验证 266  14.2.1 自动...

    Vue面试题 .docx

    v-on 指令给当前元素绑定 input 事件。 Vue 项目结构 1. assets 文件夹:放静态资源。 2. components 文件夹:放组件。 3. router 文件夹:定义路由相关的配置。 4. app.vue 文件:一个应用主组件。 5. main.js ...

    ZendFramework中文文档

    2.3. 高级用法 2.3.1. 保存 ACL 数据确保持久性 2.3.2. 使用声明(Assert)来编写条件性的 ACL 规则 3. Zend_Auth 3.1. 简介 3.1.1. 适配器 3.1.2. 结果 3.1.3. 身份的持久(Persistence) 3.1.3.1. 在...

    精通AngularJS part1

    第11章开发健壮的AngularJS应用289 111理解AngularJS的内部运作机制290 AngularJS不是基于字符串的模板引擎290 响应DOM事件更新模型291 将模型变化传播给DOM291 同步DOM和模型变化292 Scope$apply——打开...

    Web前端开发中级实操考试评分细则1

    这些元素都是 Web 前端开发中常用的组件,对于构建一个完整的 Web 应用程序非常重要。 *_container_:是一种基本的 HTML 元素,用于容纳其他元素,通常用于布局和设计。 *nav_:是一种 HTML 元素,用于定义导航菜单...

    [php框架]非官方_Kohana_3_中文译本.zip

    它用米帮助处理HML表单元素 如何打开和关闭一个表单 如何创建一个 Input域 如何创建一个隐藏域 ■如何创建一个密码域 如何创建一个文件上传域 ■如何创建一个多选框 如何创建一个单选框 ■如何创建一个文本区域 如何...

    js_task_fix_form_DOM:JS DOM高级任务。 解决表格中的问题

    请遵循 运行npm run test命令来测试您的代码; 运行npm run test:only -- -n以忽略linter的方式运行快速测试;... 为每个input元素创建带有class field-label元素label (需要应用CSS样式),并for属性设置当前

    asp.net教学讲义

    1.2.5 WEB窗体工作原理 11 1.3 ASP.NET 页的结构 12 1.3.1 @Page指令 13 1.3.2 ASP.NET的服务器端脚本 14 1.3.3 服务器端脚本示例: 14 1.3.4 后台编码模型 15 1.4 Page事件(页面事件) 15 1.4.1 Page类 15 1.4.2 ...

Global site tag (gtag.js) - Google Analytics