الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <!-- CSS هنا قمنا بتحديد خصائص ظهور كل الوسوم الموضوعة في الصفحة بواسطة --> <style> fieldset { background-color: #f1f1f1; border-radius: 5px; } legend { background-color: #555; color: #fff; padding: 7px 10px; border-radius: 5px; } </style> </head> <body> <h2>Sample Form with fieldset</h2> <form action="/tryit/submitted" method="post"> <!-- حتى يظهروا بداخل المربع <fieldset> قمنا بوضع جميع العناصر بداخل الوسم --> <fieldset> <!-- <legend> العنوان الذي سيظهر في أعلى النموذج قمنا بوضعه بداخل الوسم --> <legend>Login Form</legend><br> <label for="username">Username</label><br> <input type="text" id="username" name="username"><br><br> <label for="password">Password</label><br> <input type="password" id="password" name="password"><br><br> <input type="submit" value="Login"> </fieldset> </form> </body> </html>