HTML如何实现文本框不能修改其中的内容


本文摘自PHP中文网,作者小云云,侵删。

本文我们将和大家分享一个基础的知识:HTML实现文本框只读不能修改其中的内容的方法,希望对大家有帮助。

1

2

3

4

5

6

7

<!--方法1: onfocus=this.blur()  当鼠标放不上就离开焦点 -->

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

<!-- 方法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">

以上内容就是HTML实现文本框只读不能修改其中的内容的方法,虽然很简单,但是确实是个实用的小办法,希望对大家有帮助。

阅读剩余部分

相关阅读 >>

怎么用Html实现音乐播放

Html表格边框怎么去掉

表格标签以什么开始以什么结束

如何制作一个简单的Html登录页面(附代码)

Html select 使用selected属性设置默认选择项

Html怎样格式化输出json数据

Html禁止右键复制功能

Html sub标签怎么用

如何中断foreach循环(详细介绍)

canvas实现压缩图片的代码示例

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...