اذهب إلى المحتوى
  • 0

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

K@m@l

السؤال

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

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...