button(click on me)
html을 사용하여 만들었습니다 . 버튼을 클릭하면 textbox
다른 것과 함께 button(show)
화면에 표시됩니다. textbox
쇼 버튼을 클릭하면에 쓰여진 값 이 표시됩니다. textbox
와 쇼 버튼이 숨겨져 있습니다. 내가 다시 때 와 쇼 버튼이 표시됩니다. 하지만 텍스트를 입력하고 이번에는 표시 버튼을 클릭하면 텍스트가 표시되지 않습니다. 즉, 처음에는 텍스트가 표시되지만 그 이후에는 표시되지 않습니다. 텍스트를 반복해서 표시하고 싶습니다. 나는 처음 이므로 제발 도와주세요. 또한 표시된 텍스트를 화면의 아무 곳에 나 끌어다 놓고 싶습니다.click (click on me ) button
textbox
textbox
javascript
Try.html
<html>
<head>
</head>
<body>
<form name="frm">
<input type="button" value="Click on Me" id="button" onClick="display();">
</form>
<div id="responce"></div>
<script language="javascript" type="text/javascript">
var box="textBox"
function display()
{
document.getElementById('responce').innerHTML+='<center><input type="text" id="'+box+'" /></center>';
document.getElementById('responce').innerHTML+='<center><INPUT type="button" value="Show" id="btn2" onClick="visual();"/></center>';
}
</script>
<script>
function visual()
{
var dis=document.getElementById(box).value ;
document.getElementById('responce').innerHTML+=document.getElementById(box).id;;
document.getElementById('responce').innerHTML+='<br><center>nilav '+dis+'</center></br>';
document.getElementById(box).style.visibility='hidden';
document.getElementById('btn2').style.visibility='hidden';
}
</script>
</script>
</body>
</html>
디스플레이 기능에서 함수를 호출 할 때마다 텍스트 상자와 버튼을 생성하고, 객체가 이미 존재하는지 확인하기 만하면 가시성이 변경됩니다.
<html>
<head>
</head>
<body>
<form name="frm">
<input type="button" value="Click on Me" id="button" onClick="display();">
</form>
<div id="responce"></div>
<script language="javascript" type="text/javascript">
var box="textBox"
function display()
{
if(!document.getElementById(box)) {
document.getElementById('responce').innerHTML+='<center><input type="text" id="'+box+'" /></center>';
document.getElementById('responce').innerHTML+='<center><INPUT type="button" value="Show" id="btn2" onClick="visual();"/></center>';
}
else {
document.getElementById(box).style.visibility='visible';
document.getElementById('btn2').style.visibility='visible';
}
}
</script>
<script>
function visual()
{
var dis=document.getElementById(box).value ;
document.getElementById('responce').innerHTML+=document.getElementById(box).id;;
document.getElementById('responce').innerHTML+='<br><center>nilav '+dis+'</center></br>';
document.getElementById(box).style.visibility='hidden';
document.getElementById('btn2').style.visibility='hidden';
}
</script>
</body>
</html>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다