How to make a submit out of a … link?

Nice programing

How to make a submit out of a … link?

nicepro 2020. 12. 31. 23:27

… 링크 에서 제출하는 방법은 무엇입니까?

을 사용하여 다른 페이지로 연결되는 이미지가 있습니다 <a href="..."> <img ...> </a>.

버튼처럼 포스트를 만들려면 어떻게해야 <input type="submit"...>하나요?

<input type="image" name="your_image_name" src="your_image_url.png" />

그러면 사용자가 이미지를 클릭 한 위치의 x 및 y 좌표 인 양식을 제출할 때 your_image_name.x및 your_image_name.y값 이 전송됩니다 .

JQuery 라이브러리 가장 가까운 () 및 제출 () 버튼을 사용하는보다 일반적인 접근 . 여기에서 제출하려는 양식을 지정할 필요가 없으며 해당 양식을 제출합니다.

<a href="#" onclick="$(this).closest('form').submit()">Submit Link</a>

이미지를 사용하여 양식을 제출하려는 것 같습니다.이 경우에는 <input type="image" src="...">

앵커를 정말로 사용하려면 자바 스크립트를 사용해야합니다.

<a href="#" onclick="document.forms['myFormName'].submit(); return false;">...</a>

입력 유형 = 이미지 가 당신을 위해 그것을 할 것입니다.

테스트되지 않음 / 더 나을 수 있습니다.

<form action="page-you're-submitting-to.html" method="POST">
    <a href="#" onclick="document.forms[0].submit();return false;"><img src="whatever.jpg" /></a>
</form>

 <html>

 <?php

 echo $_POST['c']." | ".$_POST['d']." | ".$_POST['e'];

 ?>

 <form action="test.php" method="POST">
      <input type="hidden" name="c" value="toto98">
      <input type="hidden" name="d" value="toto97">
      <input type="hidden" name="e" value="toto aaaaaaaaaaaaaaaaaaaa">

      <a href="" onclick="document.forms[0].submit();return false;">Click</a> 
 </form>

</html>


So easy.




So easy.

여기에 편리한 추가 기능은 추가 버튼에서 포스트 URL을 변경하여 다른 버튼으로 다른 URL에 게시 할 수 있다는 것입니다. 양식 'action'속성을 설정하여 수행 할 수 있습니다. 다음은 jQuery를 사용할 때의 코드입니다.

$('#[href button name]').click(function(e) {
    e.preventDefault();
    $('#[form name]').attr('action', 'alternateurl.php');
    $('#[form name]').submit();
});

action-attribute에는 이전 jQuery 버전과 관련하여 몇 가지 문제가 있지만 최신 버전에서는 사용할 수 있습니다.

뭔가 이 페이지를 좋아합니다 ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>BSO Communication</title>

<style type="text/css">
.submit {
    border : 0;
    background : url(ok.gif) left top no-repeat;
    height : 24px;
    width : 24px;
    cursor : pointer;
    text-indent : -9999px;
}
html:first-child .submit {
    padding-left : 1000px;
}
</style>
<!--[if IE]>
<style type="text/css">
.submit {
    text-indent : 0;
    color : expression(this.value = '');
}
</style>
<![endif]-->
</head>

<body>
    <h1>Display input submit as image with CSS</h1>

    <p>Take a look at <a href="/2007/07/26/afficher-un-input-submit-comme-une-image/">the related article</a> (in french).</p>
    <form action="" method="get">
        <fieldset>
            <legend>Some form</legend>
            <p class="field">
                <label for="input">Some value</label>

                <input type="text" id="input" name="value" />
                <input type="submit" class="submit" />
            </p>
        </fieldset>
    </form>

    <hr />
    <p>This page is part of the <a href="http://www.bsohq.fr">BSO Communication blog</a>.</p>

</body>
</html>

내부에서 더 많은 HTML을 처리 할 수있는 "BUTTON"요소를 잊지 마십시오.

양식에서 제출 버튼을 항상 다음으로 바꿉니다.

<form method="post" action="whatever.asp">
<input type=...n

<input type="image" name="Submit" src="/graphics/continue.gif" align="middle" border="0" alt="Continue">
</form>

이미지를 클릭하면 양식이 제출됩니다. 도움이 되었기를 바랍니다.

참조 URL : https://stackoverflow.com/questions/275039/how-to-make-a-submit-out-of-aa-href-a-link

'Nice programing' 카테고리의 다른 글

Xcode 6의 새 스토리 보드에서 초기보기 컨트롤러를 설정하는 방법이 없습니다. (0)	2020.12.31
포착되지 않은 예외 :이 클래스는 키 값 코딩을 준수하지 않습니다. (0)	2020.12.31
Angular UI 부트 스트랩 지시문 템플릿 누락 (0)	2020.12.31
두 날짜 사이의 모든 달을 나열하는 방법 (0)	2020.12.31
java.net.UnknownHostException :“호스트를 확인할 수 없습니다. (0)	2020.12.31

현재글How to make a submit out of a … link?

nicepro