<form> 태그 외부의 버튼을 사용하여 양식을 제출하십시오. 양식을 제출하는 방법은 HTML5에서 제출에 대한 작업

내가 가지고 있다고 말하십시오 :

<form method="get" action="something.php">
    <input type="text" name="name" />
</form>

<input type="submit" />

양식 외부의 제출 버튼을 사용하여 해당 양식을 제출하는 방법은 HTML5에서 제출에 대한 작업 속성이 있다고 생각하지만 완전히 크로스 브라우저인지 여부와 확실하지 않은지 확실하지 않습니다. 이 작업을 수행?

답변

업데이트 : 최신 브라우저에서는이 form속성을 사용 하여이 작업을 수행 할 수 있습니다 .

내가 아는 한 자바 스크립트가 없으면이 작업을 수행 할 수 없습니다.

사양은 다음과 같습니다.

컨트롤을 만드는 데 사용되는 요소는 일반적으로 FORM 요소 내부에 나타나지만 사용자 인터페이스를 작성하는 데 사용될 때 FORM 요소 선언 외부에 나타날 수도 있습니다. 이것은 본질적인 이벤트 섹션에서 논의됩니다. 폼 외부의 컨트롤은 성공적인 컨트롤이 될 수 없습니다.

그게 내 대담

submit버튼 제어 여겨진다.

http://www.w3.org/TR/html4/interact/forms.html#h-17.2.1

의견에서

버튼이 디자인되어 있기 때문에 버튼을 모두 업데이트 할 수있는 버튼이있는 다중 탭 설정 영역이 있습니다.

input양식 내부를 배치하지 말고 CSS를 사용하여 페이지의 다른 위치에 배치하십시오.

답변

HTML5 에는 form 속성이 있습니다. 원래

<form id="myform" method="get" action="something.php">
    <input type="text" name="name" />
</form>

<input type="submit" form="myform" />

답변

나를 위해 잘 작동하는 솔루션은 여전히 ​​여기에 없습니다. 에 시각적으로 숨겨져 <submit>있거나 <input type="submit">요소가 <form>있고 <label>외부에 관련 요소가 있어야합니다. 다음과 같이 보일 것입니다 :

<form method="get" action="something.php">
     <input type="text" name="name" />
     <input type="submit" id="submit-form" class="hidden" />
</form>

<label for="submit-form" tabindex="0">Submit</label>

이제이 링크를 사용하면 <submit>요소를 클릭하여 양식 요소 를 ‘클릭’할 수 있습니다 <label>.

답변

jQuery를 사용할 수 있다면 이것을 사용할 수 있습니다

<form method="get" action="something.php" id="myForm">
    <input type="text" name="name" />

    <input type="submit" style="display:none" />
</form>

<input type="button" value="Submit" id="myButton" />

<script type="text/javascript">
    $(document).ready(function() {
       $("#myButton").click(function() {
           $("#myForm").submit();
       });
    });
</script>

따라서 결론은 제출과 같은 버튼을 만들고 실제 제출 버튼을 양식에 넣고 (물론 숨기고) ‘가짜 제출’버튼을 클릭하여 jquery로 양식을 제출하는 것입니다. 도움이 되길 바랍니다.

답변

<form method="get" id="form1" action="something.php">

</form>

<!-- External button-->
<button type="submit" form="form1">Click me!</button>

이것은 양식에 대한 원격 제출 버튼을 갖기 위해 저에게 효과적이었습니다.

답변

약간의 수정으로 다른 솔루션과 유사합니다.

<form method="METHOD" id="FORMID">
   <!-- ...your inputs -->
</form>
<button type="submit" form="FORMID" value="Submit">Submit</button>

https://www.w3schools.com/tags/att_form.asp

답변

이 시도:

<input type="submit" onclick="document.forms[0].submit();" />

비록 id에 양식을 추가하고 대신에 액세스하는 것이 좋습니다 document.forms[index].