免费空间
您的位置:首页 > 免费教程

html文本框input不可编辑,禁止用户修改的实现方法

作者:免费空间 发布时间:2016-07-02

最近很多网友在问html文本框input不可编辑怎么实现得到的,其实实现上面的要求很简单,大概有以下几种方法可以实现input不可编辑,下面免费空间把各种方式实现的代码也给大家奉上。
 
    方法1: onfocus=this.blur()
 
    <input type="text" name="input1" value="景安" onfocus=this.blur()>
 
    浏览器运行效果:

    input不可编辑
 
    方法2:readonly
 
    <input type="text" name="input1" value="景安" readonly>
 
    <input type="text" name="input1" value="景安" readonly="true">
 
 
    方法3: disabled
 
    <input type="text" name="input1" value="景安" disabled="true">

    浏览器运行效果:

    input不可编辑
 
    给大家举个完整的例子:
 
    <input name="ja_na" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="5567689" disabled="true" readOnly="true" />
 
    说明:

    disabled="true" 此时文字会变成灰色,不可编辑。
 
    readOnly="true" 文字不会变色,也是不可编辑的


文章由会考成绩查询-免费空间提供技术支持


标签:   免费空间​
阅读全文

上一篇:SEO企业文案思路:给的再多 不如懂我

下一篇:如何选择域名,选择域名的几个小技巧

相关推荐
免费空间声明:
(一) 由于各方面情况的调整与变化,本网所提供的考试信息仅供参考,敬请以权威部门公布的正式信息为准。
(二) 本网注明来源为其他媒体的稿件均为转载稿,免费转载出于非商业性学习目的,版权归原作者所有。如有内容、版权等问题请在30日内与本网联系。联系方式:邮件 jiansou123@126.com
网站地图 | XML地图 | PC版
版权所有 © www.128sj.com 免费空间
本网站所有信息全是来源于互联网
如有侵权请来电咨询!
粤ICP备16040413号-1