首页前端开发HTML网页设计关于表单输入框的技巧代码

网页设计关于表单输入框的技巧代码

时间2024-01-26 21:04:02发布访客分类HTML浏览668
导读:收集整理的这篇文章主要介绍了网页设计关于表单输入框的技巧代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 1.取消按钮按下时的虚线框 在input里添加属性值hideFo...
收集整理的这篇文章主要介绍了网页设计关于表单输入框的技巧代码,觉得挺不错的,现在分享给大家,也给大家做个参考。
  1.取消按钮按下时的虚线框
   在input里添加属性值hideFocus或者HideFocus=true
  2.只读文本框内容

在input里添加属性值readonly
  3.防止退后清空的TEXT文档(可把style内容做做为类引用)

INPUTstyle=behavior:url(#default#savehistory); tyPE=textid=oPersistInput>
  4.ENTER键可以让光标移到下一个输入框
inputonkeydown="if(event.keyCode==13)event.keyCode=9">
  5.只能为中文(有闪动)
inputonkeyup="value=value.replace(/[-~]/g,'')"onkeydown="if(event.keyCode==13)event.keyCode=9">
  6.只能为数字(有闪动)
inputonkeyup="value=value.replace(/[^/d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">
  7.只能为数字(无闪动)
inputstyle="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9"onKeyPress="if((event.keyCode48||event.keyCode> 57))event.returnValue=false">

  8.只能输入英文和数字(有闪动)
inputonkeyup="value=value.replace(/[/W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">
  9.屏蔽输入法
inputtype="text"name="url"style="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9">
  10. 只能输入 数字,小数点,减号(-) 字符(无闪动)
inputonKeyPRess="if(event.keyCode!=46& & event.keyCode!=45& & (event.keyCode48||event.keyCode> 57))event.returnValue=false">
  11. 只能输入两位小数,三位小数(有闪动)
inputmaxlength=9onkeyup="if(value.match(/^/d{ 3} $/))value=value.replace(value,parseint(value/10)); value=value.replace(//./d*/./g,'.')"onKeyPress="if((event.keyCode48||event.keyCode> 57)& & event.keyCode!=46& & event.keyCode!=45||value.match(/^/d{ 3} $/)||//./d{ 3} $/.test(value)){ event.returnValue=false} "id=text_kfXename=text_kfxe>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

&quotevent.keyCode代码关于技巧网页设计输入

若转载请注明出处: 网页设计关于表单输入框的技巧代码
本文地址: https://pptw.com/jishu/587276.html
html2canvas关于图片不能正常截取的解决方案 实现简易html视频播放器的方法

游客 回复需填写必要信息