Heim > Backend-Entwicklung > PHP-Tutorial > javascript - 将submit放在form标签之外如何实现表单的提交

javascript - 将submit放在form标签之外如何实现表单的提交

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-06-06 20:27:57
Original
2355 Leute haben es durchsucht

我想把submit的按钮放在form标签之外,怎么把实现数据的提交

回复内容:

我想把submit的按钮放在form标签之外,怎么把实现数据的提交

<form action="https://www.baidu.com/s" method="GET" name="hello" id="world">
<input type="text" name="wd" value="Hello" >
</form>
<hr/>
下面的是在表单外面的...
<input type="submit" onclick="document.forms['hello'].submit();" value="提交1" />
<input type="submit" onclick="document.forms['world'].submit();" value="提交2" />
Nach dem Login kopieren

可以考虑ajax吧

用button,再写个js事件。满足你。

//在form表单外
<div id="submit">表单提交</div>
Nach dem Login kopieren
<script>
      $('#submit').click(function() {
        $('form').submit();
      });
</script>
Nach dem Login kopieren

不考虑兼容性的话。表单元素都加了个form属性,就算不是在form内,也会绑定的
补充:


提交按钮在form外面,但提交的时候会验证form里面的text的required,当然你把文本框放外面然后加form属性也可以
Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Aktuelle Ausgaben
PHP-Datenerfassung?
Aus 1970-01-01 08:00:00
0
0
0
PHP-Erweiterung intl
Aus 1970-01-01 08:00:00
0
0
0
Wie man PHP gut lernt
Aus 1970-01-01 08:00:00
0
0
0
Mehrere PHP-Versionen
Aus 1970-01-01 08:00:00
0
0
0
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage