js는 입력 텍스트 상자를 읽기 전용으로 설정합니다.-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

js는 입력 텍스트 상자를 읽기 전용으로 설정합니다.

Mar 18, 2017 am 11:23 AM

input js

읽기 전용 입력 상자를 제어하면 사용자가 데이터를 변경하는 것을 방지할 수 있으며, 이는 경우에 따라 더 실용적입니다. 다음은 이 읽기 전용 구현을 완료하기 위해 js를 사용합니다

&lt;html&gt; 
&lt;head&gt; 
&lt;title&gt; New Document &lt;/title&gt; 
&lt;meta name=&quot;Generator&quot; content=&quot;EditPlus&quot;&gt; 
&lt;meta name=&quot;Author&quot; 
content=&quot;&quot;&gt; 
&lt;meta name=&quot;Keywords&quot; content=&quot;&quot;&gt; 
&lt;meta 
name=&quot;Description&quot; content=&quot;&quot;&gt; 
&lt;/head&gt; 
&lt;script 
language=&quot;JavaScript&quot;&gt; 
function isreadonly(){ 
var obj = 
document.getElementById(&quot;username&quot;); 
obj.setAttribute(&quot;readOnly&quot;,true); 
obj.style.backgroundColor=&quot;#d2d2d2&quot;; 
} 
function readwrite(){ 
var 
obj = document.getElementById(&quot;username&quot;); 
obj.setAttribute(&quot;readOnly&quot;,false); 
obj.style.backgroundColor=&quot;#ffffff&quot;; 
} 
&lt;/script&gt; 
&lt;body&gt; 
&lt;form name=&quot;addform&quot; 
id=&quot;addform&quot; method=&quot;post&quot; action=&quot;&quot; &gt; 
&lt;input type=&quot;text&quot; 
id=&quot;username&quot; name=&quot;username&quot;&gt; 
&lt;input type=&quot;button&quot; name=&quot;只读&quot; 
value=&quot;read&quot; onclick=&quot;isreadonly();&quot;&gt; 
&lt;input type=&quot;button&quot; name=&quot;可写&quot; 
value=&quot;write&quot; onclick=&quot;readwrite();&quot;&gt; 
&lt;/form&gt; 
&lt;/body&gt; 
&lt;/html&gt; 
&lt;!-- 
点击“read”按钮，input框不能书写，且变灰；点击“write”按钮，input框恢复。 
--&gt;

로그인 후 복사

위 내용은 js에서 입력 텍스트 상자를 읽기 전용으로 설정하는 내용입니다. 자세한 내용은 PHP 중국어 홈페이지의 다른 관련 글을 참고해주세요!