HTML实现文本框只读不能修改其中的内容

所属分类: 网页制作 / HTML/Xhtml 阅读数: 2171
收藏 0 赞 0 分享

废话不多说了,直接给大家贴代码了,具体代码如下所示:

 <!--方法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代码文本框限制输入、文本框变灰色、限制文本框输入,需要的朋友可以参考下
收藏 0 赞 0 分享

拿什么来拯救你,我的table(海玉博客)

table被创造之初并非是用于布局,而是显示数据。舍弃table布局,并非舍弃table本身,下面分享下来自海玉博客的一篇文章,table布局是被滥用了
收藏 0 赞 0 分享

详解a href=#与 a href=javascript:void(0) 的区别

a href=# 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP,javascript:void(0) 点击链接后,页面不动,只打开链接,具体祥看本文
收藏 0 赞 0 分享

5个酷炫、实用的HTML标签和属性介绍

这篇文章主要介绍了5个酷炫、实用的HTML标签和属性介绍,所有标签的效果请点击运行代码查看,需要的朋友可以参考下
收藏 0 赞 0 分享

textarea布局时文字在左下边且不能改变大小尺寸的解决方法

textarea文本域左边的文字一直都是在textarea的左下边,看起来不美观;textarea文本域明明设置好的cols和rows但是还是能改变大小,以上这些问题,可以参考本文的解决方法
收藏 0 赞 0 分享

HTML blockquote 标签使用与美化

blockquote之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间
收藏 0 赞 0 分享

块级元素和内联元素及可变元素汇总

块元素又名块级元素,和其对应的是内联元素,都是html规范中的概念,内联元素其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等
收藏 0 赞 0 分享

用table表格来调整表单控件的格式让它好看一些

做一个添加设备的表单,结果因为前缀大小不一样,所以很难看,可以用表格来格式化一下,下面是具体的美化前与后的代码及截图,大家可以对比一下
收藏 0 赞 0 分享

select不支持双击dbclick事件

有关select不支持双击事件,下面有个示例,大家可以看看
收藏 0 赞 0 分享

用jquery进行修复在iframe下的页面锚点失效问题

iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,解决方法是用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动
收藏 0 赞 0 分享
查看更多