كيف يمكن أرسال نموذج 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>
مثل ماهو موجود في الصوره المرفقه
تحتاج إلى استخدام جافا سكريبت للقيام بذلك لذا يمكنك استخدم jQuery أو javascript كالتالي.
<form id="myForm"> <a class="submit" href="#">Submit</a> </form>
jQuery
$(document).ready(function(){
$("a.submit").click(function(){
document.getElementById("myForm").submit();
});
});
أو بالشكل التالي
<form id="myform">
<a href="#" onclick="document.getElementById('myform').submit()">Submit</a>
</form>
أو يمكنك استخدام العنصر
<input type="submit">
ولكن الأفضل هو استخدام ال button
يمكنك الإستماع لحدث الضغط على عنصر a وتنفيذ حدث تقديم الاستمارة، فيما يلي مثال عملي عن ذلك:
<form action="/target" method="POST">
<a href="#" onclick="this.parentElement.submit()"></a>
</form>
التعليقات