1

كيف يمكن أرسال نموذج form من خلا الضغط على عنصر <a> بدلا عن العنصر <input type=submit >

كيف يمكن أرسال نموذج form من خلا الضغط على عنصر <a> بدلا عن العنصر <input type=submit >


0
Mustafa_Suleiman أضف ردا

أنت تقصد بدلاً من عنصر 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():

  1. يمكننا استخدام أي عنصر HTML كزر إرسال للنموذج.
  2. يمكننا التحكم في سلوك النموذج عند إرساله، مثل إرسال النموذج إلى صفحة معينة أو لإجراء عمليات أخرى قبل إرسال النموذج.
0
ali_alkaser2022 أضف ردا

يعني ليس هناك طريقه اخرى غير استخدام الحافا سكربت.

لانني رأيت مواقع متواضعه كنت ارتادها قديما، تقوم بارسال النموذج عن طريق العنصر <a>

مثل ماهو موجود في الصوره المرفقه