• 0

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

لدي نموذج على 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>

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

نعم يمكن فعل ذلك، للإشارة فقط الشفرة التالية، أضفت إليها تنسيق 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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن