zoukankan      html  css  js  c++  java
  • input输入框禁止显示历史记录

    在输入input时会提示原来输入过的内容,还会出现下拉的历史记录,禁止这种情况只需在input中加入:
    autocomplete=“off”

    <input type="text" autocomplete="off" />


    autocomplete 属性是用来规定输入字段是否启用自动完成的功能。

    补充:input标签的其他属性

    1.防止退后清空的TEXT文档(可把style内容做做为类引用)

    <input
    style=behavior:url(#default#savehistory); type=text
    id=oPersistInput>

    2.ENTER键可以让光标移到下一个输入框

    <input
    onkeydown="if(event.keyCode==13)event.keyCode=9" >

    3.只能为中文(有闪动)

    <input onkeyup="value=value.replace(/[
    -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">

    4.只能为数字(有闪动)

    <input
    onkeyup="value=value.replace(/[^d]/g,'')
    "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">

    5.只能为数字(无闪动)

    <input style="ime-mode:disabled"
    onkeydown="if(event.keyCode==13)event.keyCode=9"
    onKeyPress="if ((event.keyCode<48 || event.keyCode>57))
    event.returnValue=false">

    6.只能输入英文和数字(有闪动)

    <input
    onkeyup="value=value.replace(/[W]/g,'')"
    onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">


    7屏蔽输入法

    <input type="text" name="url"
    style="ime-mode:disabled"
    onkeydown="if(event.keyCode==13)event.keyCode=9">

    8 只能输入 数字,小数点,减号(-) 字符(无闪动)

    <input onKeyPress="if
    (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48
    || event.keyCode>57)) event.returnValue=false">

    9只能输入两位小数,三位小数(有闪动)

    <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>

    10其他

    type:指定input类型
    hideFocus / HideFocus=true:取消按钮按下时的虚线框
    autofocus:规定输入字段在页面加载时是否获得焦点,不适用于type= ‘hidden’
    checked:默认选择,对type值为‘checkbox’及‘radio’有效
    disabled:禁用
    size:设置输入字段的宽度
    maxlength:设置输入字段的最大长度
    width:设置宽度,(适用于 type=‘image’)
    height:设置高度,(适用于 type=‘image’)
    step:设置输入字段合法数字间隔
    required:表示输入字段为必需
    readonly:表示只读
    placeholder:设置输入框的占位符
    pattern:规定输入字段的值的模式或格式。例如 pattern=‘[0-9]’表示输入值必须是 0 与 9 之间的数字。
    multiple:如果使用该属性,则允许一个以上的值,适用于‘select’及‘datalist’
    min:设置输入字段的最小值
    max:这是输入字段的最大值
    list:引用包含输入字段的预定义选项的 datalist
    οnpaste=return false: 禁止粘贴
    11、例子
    只能输入大于0 的数字

    <input type="text" placeholder="请输入" maxlength="3"
    onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/D/g,'')}"
    onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/D/g,'')}">

    1)正则的判断
    2)复制粘贴
    “onkeyup”是指按键抬起触发,
    “onafterpaste”是指粘贴后打开。
    一般两个事件一起使用用于校验用户输入
    3)数位的限制:maxlength属性

    12、监听value的变化事件用oninput:
    1)oninput是当input的value值发生变化时就会触发;
    而onchange: 是input失去焦点并且它的value值发生变化时触发(比如用于填写密码);
    onkeyup :当按键抬起的时候触发的事件,在该事件触发之前一定触发了onkeydown事件,因为它无法监听到输入法输入的文本变化的,复制粘贴也不能监听到,基本很少用到。
    2)oninput不支持IE,所以还要配合IE浏览器版本的onpropertychange
    不同的是:oninput并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效;onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的。
    比如:

    <input type="text" placeholder="请输入"
    oninput="topChioceChange(this)"
    onpropertychange="topChioceChange(this)">
    ————————————————
    原文链接:https://blog.csdn.net/amao_aguai/java/article/details/83344455

  • 相关阅读:
    Java实现 蓝桥杯VIP 算法训练 传球游戏
    Java实现 蓝桥杯VIP 算法训练 Hanoi问题
    Java实现 蓝桥杯VIP 算法训练 蜜蜂飞舞
    Java实现 蓝桥杯VIP 算法训练 奇偶判断
    Java实现 蓝桥杯VIP 算法训练 传球游戏
    Java实现 蓝桥杯VIP 算法训练 Hanoi问题
    Java实现 蓝桥杯VIP 算法训练 Hanoi问题
    Java实现 蓝桥杯VIP 算法训练 蜜蜂飞舞
    Java实现 蓝桥杯VIP 算法训练 蜜蜂飞舞
    Qt: 访问容器(三种方法,加上for循环就四种了)good
  • 原文地址:https://www.cnblogs.com/lbonet/p/12955090.html
Copyright © 2011-2022 走看看