HTML中让表单input等文本框为只读但可以写入内容的方法

本文介绍了HTML中使input文本框呈现只读状态但允许临时写入内容的几种方法,包括onfocus事件、readonly属性、disabled属性以及通过CSS屏蔽输入。详细解释了这些方法的使用和效果,如disabled会使文字变灰且无法编辑,而readonly则保持文字颜色不变,但仍不可编辑。
摘要由CSDN通过智能技术生成

HTML中让表单input等文本框为只读但可以写入内容的方法

 

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,

如使input text的内容,中国两个字不可以修改有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,

如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。 

方法1: οnfοcus=this.blur() 当鼠标放不上就离开焦点

<input type="text" name="input1" value="中国" onfocus=this.blur()> 

方法2:readonly  

    <input type="text" name="input1" value="中国" readonly> 
    <input type="text" name=&#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

慕容屠苏

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值