HTML实现文本框只读不能修改其中的内容
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<!--方法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中的&lt;meta&gt;标签的使用详解
栏 目:CSS/HTML
本文标题: HTML实现文本框只读不能修改其中的内容
本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9526.html
您可能感兴趣的文章
- 04-02好看的字体样式css,好看的字体样式图片
- 04-02html中加入css样式的简单介绍
- 01-10通过html为FLASH加链接的实现代码(div层)
- 01-10IE浏览器HTML Hack标签总结
- 01-10html用style添加属性示例
- 01-10HTML中rel属性分析
- 01-10HTML元素设置焦点的方法
- 01-10在html文件里include文件内容的方法小结
- 01-10常用HTML meta 标签属性(网站兼容与优化需要)
- 01-10用HTML和CSS打造属于自己的暖男“大白”
阅读排行
本栏相关
- 04-02表格样式css样式,css样式表单
- 04-02好看的字体样式css,好看的字体样式图
- 04-02分页样式css,分页样式jq
- 04-02分页样式css,分页样式栏里用来定义首
- 04-02css样式的引入,css样式怎么引入
- 04-02css滚动条样式,css滚动条的样式
- 04-02css样式引入方式有几种,网页引入css样
- 04-02html中加入css样式的简单介绍
- 04-02vue中的css样式布局,vue添加css样式
- 04-02内嵌样式css,内嵌样式表,内部样式表
随机阅读
- 08-05DEDECMS点击主栏目默认显示第一个子栏
- 01-10vue实现分页加载效果
- 01-10bat批处理彻底隐藏文件的方法(使用
- 01-10C++实现将数组中的值反转
- 01-10C++ 类访问控制的条件总结
- 08-05dedecms织梦模板编辑文档的同时自动更
- 01-10C语言打印杨辉三角示例汇总
- 08-05织梦dedecms首页调用缩略图为背景
- 08-05dedecms织梦模板全站调用收藏数的方法
- 01-11常用的HTML富文本编译器UEditor、CKEdi