كيف أنشئ نموذج له عدّة أزرار submit على HTML ؟

K@m@l · 27 أكتوبر 2015

لدي نموذج على html وأريد إدراج عدة أزرار submit، على شكل زر "التالي"وزر "السابق"، هل هذا ممكن؟ وكيف يمكن فعل ذلك؟

هذا مثال:

<form>
   <input type="text" name="field1" /> <!-- حقل نصي -->

   <input type="submit" name="prev" value="Previous Page" /> <!--زر السابق -->
   <input type="submit" name="next" value="Next Page" /> <!-- زر اللاحق -->
</form>

E.Nourddine · 28 أكتوبر 2015

نعم يمكن فعل ذلك، للإشارة فقط الشفرة التالية، أضفت إليها تنسيق css لكي تظهر جنبا إلى جنب عن طريق الخاصية float:

<html>
<head>
    <style>
        .f {
            float: right;
        }
    </style>
</head>
<body>
    <form action="action" method="get">
        <input type="text" name="abc">
        <div id="buttons">
            <input type="submit" class="f" name="next" value="Next">
            <input type="submit" class="f" name="prev" value="Prev">
            <div style="clear:both"></div><!-- Need this to have the buttons actually inside div#buttons -->
        </div>
    </form>
</body>
</html>

لكن يبقى عمل كل منهما رهين بـ Jquery:

هذا مثال:

<script language="JavaScript">
<!--//

/*كود الخلف*/
function Back()
{
document.location="history.htm";
}

/*كود الأمام*/
function Forward()
{
document.location="BackForward.htm";
}
--></script>

لاحظ أن كل من صفحتي الأمام والخلف -السابق والتالي- معين في كود Jquery.

Back and Forward Buttons using simple code

كيف أنشئ نموذج له عدّة أزرار submit على HTML ؟

السؤال

K@m@l

1 جواب على هذا السؤال

Recommended Posts

E.Nourddine

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية