كيف يمكن أرسال نموذج form من خلا الضغط على عنصر <a> بدلا عن العنصر <input type=submit >
كيف يمكن أرسال نموذج 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 كزر إرسال للنموذج.
- يمكننا التحكم في سلوك النموذج عند إرساله، مثل إرسال النموذج إلى صفحة معينة أو لإجراء عمليات أخرى قبل إرسال النموذج.
يعني ليس هناك طريقه اخرى غير استخدام الحافا سكربت.
لانني رأيت مواقع متواضعه كنت ارتادها قديما، تقوم بارسال النموذج عن طريق العنصر <a>
مثل ماهو موجود في الصوره المرفقه
التعليقات