자리 표시자 텍스트 변경

자리 표시자 텍스트 변경

입력 요소의 자리 표시자 텍스트를 변경하려면 어떻게 해야 합니까?

예를 들어 텍스트 유형의 입력이 3개 있습니다.

<input type="text" name="Email" placeholder="Some Text">
<input type="text" name="First Name" placeholder="Some Text">
<input type="text" name="Last Name"placeholder="Some Text">

JavaScript 또는 jQuery를 사용하여 Some Text 텍스트를 변경하려면 어떻게 해야 합니까?

Javascript를 사용하려면 다음을 사용할 수 있습니다.getElementsByName()선택하는 방법input필드를 변경합니다.placeholder한 사람 한 사람...아래 코드 참조...

document.getElementsByName('Email')[0].placeholder='new text for email';
document.getElementsByName('First Name')[0].placeholder='new text for fname';
document.getElementsByName('Last Name')[0].placeholder='new text for lname';

그렇지 않으면 jQuery를 사용합니다.

$('input:text').attr('placeholder','Some New Text');

이 솔루션은 jQuery를 사용합니다.모든 텍스트 입력에 동일한 자리 표시자 텍스트를 사용하려면

$('input:text').attr('placeholder','Some New Text');

다른 자리 표시자를 원하는 경우 요소의 ID를 사용하여 자리 표시자를 변경할 수 있습니다.

$('#element1_id').attr('placeholder','Some New Text 1');
$('#element2_id').attr('placeholder','Some New Text 2');

var input = document.getElementById ("IdofInput");
input.placeholder = "No need to fill this field";

에 대해 자세히 알아볼 수 있습니다.placeholder여기: http://help.dottoro.com/ljgugboo.php

jquery를 사용하면 다음 코드를 사용하여 이 작업을 수행할 수 있습니다.

<input type="text" id="tbxEmail" name="Email" placeholder="Some Text"/>

$('#tbxEmail').attr('placeholder','Some New Text');

저는 같은 문제에 직면해 있습니다.

JS에서는 먼저 텍스트 입력의 텍스트 상자를 지워야 합니다.그렇지 않으면 자리 표시자 텍스트가 표시되지 않습니다.

제 해결책은 이렇습니다.

document.getElementsByName("email")[0].value="";
document.getElementsByName("email")[0].placeholder="your message";

당신의 자바스크립트 파일에서

document.getElementsByName('Email')[0].자리 표시자 = '이메일의 새 텍스트';

입력의 자리 표시자 속성에 액세스하여 다음과 같이 값을 변경합니다.

$('#some_input_id').attr('placeholder','New Text Here');

필요한 경우 다음과 같이 자리 표시자를 지울 수도 있습니다.

$('#some_input_id').attr('placeholder','');

JavaScript의 경우 다음을 사용합니다.

document.getElementsByClassName('select-holder')[0].placeholder = "This is my new text";

jQuery의 경우:

$('.select-holder')[0].placeholder = "This is my new text";

언급URL : https://stackoverflow.com/questions/13506481/change-placeholder-text