زر ال Long in

رقيه الغامدي · الأحد في 16:42

مافهمت كيف جت

اوكي عرفت لاسم المستخدم والباسورد بس الزر كيف ؟

تم التعديل في الأحد في 16:42 بواسطة رقيه الغامدي
التنبيه عند الاجابه

محمد_عاطف · الأحد في 16:43

ستجدين أسفل فيديو الدرس صندوق للتعليقات كما هنا يرجى طرح سؤالك أسفل الدرس وليس هنا حيث هنا قسم الأسئلة العامة ولا نقوم بإجابة الأسئلة الخاصة بمحتوى الدورة أو الدرس، وذلك لمعرفة الدرس الذي توجد به مشكلتك و لمساعدتك بشكل أفضل.

بلال زيادة · الاثنين في 06:45

لإنشاء زر تسجيل دخول ضمن نموذج (form) باستخدام HTML، مع إضافة حقول لإدخال اسم المستخدم وكلمة المرور، إليك مثالًا يوضح ذلك. يتضمن المثال نموذجًا بسيطًا مع زر تسجيل دخول وتصميم أساسي باستخدام CSS

<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>نموذج تسجيل الدخول</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f0f0f0;
        }
        .login-form {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 300px;
            text-align: center;
        }
        .login-form h2 {
            margin-bottom: 20px;
        }
        .login-form input {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }
        .login-button {
            background-color: #4CAF50;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
            font-size: 16px;
            transition: background-color 0.3s;
        }
        .login-button:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>
    <form class="login-form" action="/submit-login" method="POST">
        <h2>تسجيل الدخول</h2>
        <input type="text" name="username" placeholder="اسم المستخدم" required>
        <input type="password" name="password" placeholder="كلمة المرور" required>
        <button type="submit" class="login-button">تسجيل الدخول</button>
    </form>

    <script>
        // يمكنك إضافة منطق JavaScript هنا إذا لزم الأمر
        document.querySelector('.login-form').addEventListener('submit', function(event) {
            event.preventDefault(); // لمنع إرسال النموذج مباشرة (لأغراض العرض)
            alert('تم محاولة تسجيل الدخول!');
            // أضف منطق التحقق من البيانات أو إرسالها إلى الخادم هنا
        });
    </script>
</body>
</html>

لاحظي بأن زر كوده التالي

<button type="submit" class="login-button">تسجيل الدخول</button>

زر ال Long in

السؤال

رقيه الغامدي

2 أجوبة على هذا السؤال

Recommended Posts

محمد_عاطف

بلال زيادة

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

إعلانات

تابعنا على

الرئيسية

كيف أتعلم؟

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية