HTML 전용 양식 제출

프로그래밍 언어의 서버 측 코드를 사용하지 않고 다른 페이지로 값을 제출 한 다음 인쇄 할 수있는 양식을 만들려면 어떻게해야합니까?HTML 전용 양식 제출

즉 당신이 그런 식으로하고 싶은 이유 First.html

<form method="get" action="Second.html"> 
    <input type="text" name="myname" /> 
    <input type="submit" value="submit" /> 
</form>

Second.html이

<p>input.myname</p>

출처

2014-01-18 ThreaT

JavaScript를 사용해야합니다. 그렇지 않으면 불가능합니다. – Pavlo

나도 몰라, 실제로 내가 볼 수 없습니다 어떤 이점.

어쨌든 second.html에서 javascript (예 : jquery 프레임 워크)를 사용하여 쿼리 문자열을 구문 분석하고 값을 다시 얻을 수 있습니다.

first.html

<html> 
<head> 
</head> 
<body> 
    <form method="GET" action="second.html"> 
     <input type="text" name="myname" /> 
     <input type="submit" value="click me" /> 
    </form> 
</body> 
</html>

그리고, 당신의 second.html,이를 사용

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
<script type="text/javascript"> 
(function($) { 
    $.QueryString = (function(a) { 
     if (a == "") return {}; 
     var b = {}; 
     for (var i = 0; i < a.length; ++i) 
     { 
      var p=a[i].split('='); 
      if (p.length != 2) continue; 
      b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " ")); 
     } 
     return b; 
    })(window.location.search.substr(1).split('&')) 
})(jQuery); 
</script> 
</head> 
<body> 
<script type="text/javascript"> 
alert('Test: ' + $.QueryString["myname"]); 
</script> 
</body> 
</html>

출처

2014-01-18 11:50:59

당신은 한 페이지에서 다른 페이지로 데이터를 전송하려는를 사용하지 않고 서버 측 코드? 그것은 매우 권장하지 않습니다. 저스틴이 말했듯이 자바 스크립트를 사용하면 ASP.NET을 추천하고 here에서 볼 수 있듯이 QueryString 또는 Session으로 전달할 수 있습니다.

출처

2014-01-18 11:52:08 Random

다른 답변은 삭제해야 할 질문이 삭제되어야했기 때문에 삭제 취소 할 수는 없지만이 도움말을 삭제 취소 했으므로이를 더 실질적인 것으로 편집 할 기회를 얻었습니다. 이렇게하면 계정의 응답 블록이 지워집니다. –

HTML 전용 양식 제출

답변

관련 문제