كيف يمكن أرسال نموذج form من خلا الضغط على عنصر <a> بدلا عن العنصر <input type=submit >
أنت تقصد بدلاً من عنصر button؟
<button type="submit">إرسال</button>
ستحتاج إلى استخدام جافاسكريبت بحيث نستخدم دالة submit على النموذج نفسه عند الضغط على عنصر a كالتالي:
<!DOCTYPE html>
<html>
<body>
<h2>Use Anchor tag as Submit button</h2>
<form id="formData" action="submit.php" method="POST">
Username
<br />
<input type="text" name="UserName" id="UserName" />
<br />
Password
<br />
<input type="password" name="Password" id="Password" />
<br />
<a href="#" onclick="sendData()">
Click here to submit form
</a>
</form>
<script>
function sendData() {
document.getElementById("formData").submit();
}
</script>
</body>
</html>
هناك فائدتان رئيسيتان لاستخدام دالة submit():
- يمكننا استخدام أي عنصر HTML كزر إرسال للنموذج.
- يمكننا التحكم في سلوك النموذج عند إرساله، مثل إرسال النموذج إلى صفحة معينة أو لإجراء عمليات أخرى قبل إرسال النموذج.
التعليقات