将文本框设置为只读和不可用状态

将文本框设置为只读和不可用状态:

本章节通过实例代码介绍一下如何将文本框设置为只读或者不可用状态,当然比较简单的操作,希望能够对初学者能够带来一定的帮助,代码实例如下:

<input type="text" value="蚂蚁部落" readonly/><br/>
<input type="text" value="蚂蚁部落" disabled/>

关于只读和不可用的区别可以参阅标签的readonly和disabled属性的区别一章节。

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0613/4148.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13450

时间: 2024-10-09 01:42:27

将文本框设置为只读和不可用状态的相关文章

如何将checkbox复选框设置为只读

如何将checkbox复选框设置为只读:复选框checkbox并没有readOnly属性,但是如果将其设置为不可用也就是将它的disabled="disabled",checkbox值不会被发送,并且外观呈现灰色,下面就介绍一下如何模拟实现复选框的只读状态.一.原生javascript代码: ckObj.onclick=function(){ return false; } 也就是使用return false取消动作的默认行为,当点击复选框的时候,默认行为就是选中或者取消选中.二.jQ

PPT文本框设置实用技巧分享

我们在制作PPT的过程中,几乎都要与文字打交道,文字一般都是在插入的文本框中输入的,通过输入文本框默认的文字与边框的距离,可以是文本框显得更加的美观:那么,具体是怎样操作的呢?下面将方法告诉大家! 主要有4个方法: 设置文本框间距.设置对齐方式.设置字符间距.设置行距.具体如下: 1.设置文本框间距 鼠标选中形状,然后右键-设置形状格式-文本框-左右上下边距设置为:0厘米. 2.设置对齐方式 鼠标选中形状-点击开始选项卡-选择两端对齐. 3.设置字符间距 鼠标选中形状-点击开始选项卡-字符间距-

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

文本框设置100%宽度,内容过多时所在td的宽度失效

最近在修改项目的一个需求变更时,无意间发现了以前的一个问题, 这里拿出来讨论,可能在其他项目中没有碰到这样的需求或者无意中规避了这个问题 也或许已经有html&CSS高手把问题解决,都请来分享一下经验: 问题描述如下 因为客户不太懂技术,把上述td的宽度设置了百分比,然后为了好看又把里面的文本框也设置了width:100%,想让他自适应 更改之后变成这样 1 <html> 2 <head> 3 4 </head> 5 <body> 6 <tab

HTML input文本框设置和移除默认值

这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索" onfocus='if(this.value==&qu

input文本框设置移除默认内容(兼容IE低版本)

这里实现的目标是:设置和移除文本框的默认值,鼠标放上去,文字消失 HTML代码如下: JS实现方式如下: <input type="text" class="search" value="请输入关键字进行搜索" id="menu_search" onfocus='if(this.value=="请输入关键字进行搜索"){this.value="";};' onblur='if(th

input文本框设置和移除默认值

这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: [html] view plain copy <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索" onfo

js中input文本框设置和移除默认值

这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: [html] view plain copy <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索" onfo

同时满足多个文本框不为空值按钮呈现可用激活状态disabled

项目需要,自己写了一个jquery代码,该代码需要满足两个文本框都不为空值,按钮才可用激活状态. 请转载此文的朋友务必附带原文链接,谢谢. 原文链接:http://xuyran.blog.51cto.com/11641754/1827959 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content=&quo