자바 스크립트로 기본값을 텍스트 상자에 추가하십시오.

텍스트 상자에 값을 추가하려하지만 실수를하지 않습니다. 너희들이 이것으로 도울 수 있니? HTML 태그 자체에 기본값을 추가 할 수 없습니다.자바 스크립트로 기본값을 텍스트 상자에 추가하십시오.

<html> 
<head> 
<script> 
    $(document).ready(function() { 
     $("#txtfirstName").val("Your First Name Here!"); 
     $("input[id='txtlastName']").val("Your Last Name Here!"); 
}); 
</script> 
</head> 
<body> 


    First name:<br> 
    <input type="text" name="firstname" id="txtfirstName" > 
    <br> 
    Last name:<br> 
    <input type="text" name="lastname" id="txtlastName"> 

</body> 
</html>

FYI : 이것은 예제 페이지입니다.
안내해주세요. 이 게시물이 관련되지 않은 경우 성능 저하를 초래하지 마십시오. 그냥 알려 줘, 내가 지울거야.

감사합니다.

출처

2016-08-11 Anonymous

: http://www.w3schools.com/tags/att_input_placeholder합니다. ASP, 그리고 귀하의 JQuery의 측면에서, $ ('# txtfirstName'), 할 필요가 입력을 말할 필요가 없습니다. 이와 함께 `

출처

2016-08-11 20:59:59 kemiller2002

시도했지만 텍스트 상자에 기본값으로 표시되지 않았습니다. 대신 그것은 저에게이 오류를줍니다.[Image Reference] (https://s10.postimg.org/qp7g8hts9/temp_16.png) –

1 초 그리고 그것을 고치겠다 – kemiller2002

JQuery 라이브러리에 대한 참조에서 추가했다. – kemiller2002

당신은 다음과 같은 코드로 할 필요가 자바 스크립트를 통해 값을 변경하려면 :

귀하의 경우 문제는 당신이 jQuery를 사용하고 내가 통합을 볼 수 있다는 것입니다

document.getElementById('txtfirstName').value = 'test';

귀하의 경우에 jQuery 소스의. JavaScript 또는 jQuery를 사용할지 여부를 결정해야합니다.

JavaScript를 사용하면 외부 프레임 워크가 필요하지 않지만 더 강력하기 때문에 JavaScript보다 jQuery를 선호합니다.

이 자바 스크립트에서 전체 예 (필요 없음 프레임 워크)이 될 것입니다 : jQuery로

<!DOCTYPE html> 
<html> 
<head> 
<script> 
    document.getElementById('txtfirstName').value = 'test'; 

</script> 
</head> 

<body> 

First name:<br> 
<input type="text" name="firstname" id="txtfirstName"> 
<br> 
Last name:<br> 
<input type="text" name="lastname" id="txtlastName"> 


</body> 
</html>

을 같은 모양이 (첫 번째 줄에있는 프레임 워크의 통합)와 같은 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 

     $("#txtfirstName").text("Hello world!"); 

}); 
</script>

따라서 jQuery가 훨씬 간단하고 자바 스크립트보다 적은 코드를 사용한다는 것을 알 수 있습니다. 당신은 스크립트 태그에 자바 스크립트를 싸는 필요 https://jsfiddle.net/Anokrize/aemy4nea/

출처

2016-08-11 20:59:06 Anokrize

버튼을 추가하지 않은 이유가 onlick 기능을 원하지 않습니다. –

그런 다음 클릭 기능과 버튼 @ user3338497을 제거하십시오. – Anokrize

내 대답 @ user3338497을 편집합니다 – Anokrize

자바 스크립트로 기본값을 텍스트 상자에 추가하십시오.

관련 문제