تمرین برنامه نویسی؛ با کدبزن!

منبع جامع سوالات و تمرینات برنامه نویسی

فرم ثبت نام

آسان 44/ دانلود 1965 بازدید

فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کند

نام
نام خانوادگی
جنسیت
سن
شهر
رنگ مورد علاقه
تاریخ تولد
شماره موبایل
آدرس
👨‍💻 24 ساعت قبل کاربر 551 این تمرین رو مشاهده کرد
👨‍💻 1 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد
👨‍💻 24 ساعت قبل کاربر 552 این تمرین رو مشاهده کرد

2 جواب

نمیتونم این تمرین رو حل کنم! 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form</title>
</head>
<style>
    .form{
        width: 100%;
        max-width: 600px;
        font-size: 20px;
        background-color: aqua;
        color: black;
        border: 2px solid black;
        border-radius: 20px;
        box-shadow: 0 0 5px black;
        padding: 10px;
        margin: 5px;
    }

    .form  input{
        border-radius: 10px;
        font-size: 20px;
    }

    #btn{
        border-radius:10px ;
        background-color: black;
        color: aqua;
    }

</style>
<body>
    <form action="/regester " method="post" class="form">
        <label for="fname">fname</label>
        <input type="text" id="fname" placeholder="name">
        <br>

        <label for="lname">lname</label>
        <input type="text" id="lname" placeholder="lname">
        <br>

        <label for="woman">woman</label>
        <input type="checkbox" id="woman" >
        <br>

        <label for="man">man</label>
        <input type="checkbox" id="man" >
        <br>

        <label for="age">age</label>
        <input type="number" id="age" placeholder="age">
        <br>

        <label for="city">city</label>
        <input type="text" id="city" placeholder="city">
        <br>

        <label for="color">color</label>
        <input type="text" id="color" placeholder="color">
        <br>

        <label for="birthday">birthday date</label>
        <input type="date" id="birthday" placeholder="birthday">
        <br>

        <label for="p-number">p-number</label>
        <input type="tel" id="p-number" placeholder="p-number">
        <br>

        <label for="addres">addres</label>
        <input type="text" id="addres" placeholder="addres">
        <br>

        <button id="btn">forward</button>
    </form>
    
</body>
</html>
Hana88 دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<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;
            background-color: #f4f4f4;
            padding: 20px;
        }
        form {
            background: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        input, select, textarea {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        button {
            background-color: #5cb85c;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background-color: #4cae4c;
        }
    </style>
</head>
<body>

<h2>فرم ثبت نام</h2>
<form action="/register/" method="POST">
    <label for="first_name">نام:</label>
    <input type="text" id="first_name" name="first_name" required>

    <label for="last_name">نام خانوادگی:</label>
    <input type="text" id="last_name" name="last_name" required>

    <label for="gender">جنسیت:</label>
    <select id="gender" name="gender" required>
        <option value="مرد">مرد</option>
        <option value="زن">زن</option>
        <option value="دیگر">دیگر</option>
    </select>

    <label for="age">سن:</label>
    <input type="number" id="age" name="age" min="1" required>

    <label for="city">شهر:</label>
    <input type="text" id="city" name="city" required>

    <label for="favorite_color">رنگ مورد علاقه:</label>
    <input type="text" id="favorite_color" name="favorite_color" required>

    <label for="birth_date">تاریخ تولد:</label>
    <input type="date" id="birth_date" name="birth_date" required>

    <label for="phone">شماره موبایل:</label>
    <input type="tel" id="phone" name="phone" pattern="[0-9]{10}" required placeholder="10 رقم بدون صفر اول">

    <label for="address">آدرس:</label>
    <textarea id="address" name="address" rows="4" required></textarea>

    <button type="submit">ثبت نام</button>
</form>

</body>
</html>
Mma123 دانلود HTML & CSS
<< صفحه قبل 1 صفحه بعد >>

ارسال جواب

/* کداتو توی این بخش بنویس
فرقی نمیکنه چه زبان برنامه نویسی باشه، همرو پشتیبانی میکنیم :)
البته قبلش این سه خط رو پاک کن */
  • لطفا جواب های تکراری ارسال نکن
  • قبل از ارسال، جوابت رو داخل یک کد ادیتور مثل vscode بنویس و بعد اینجا Paste کن
  • جواب های ارسالی، پس از بررسی کوتاهی، ویرایش میشن و در سایت نمایش داده میشن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

تمرینات مرتبط

تشخیص با استفاده از هوش مصنوعی
×

حساب کاربری

برای استفاده از این بخش باید وارد حساب کاربریت بشی

ورود/ثبت نام
×

نمیتونم این تمرین رو حل کنم 😞

اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو 😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و یواش یواش به سراغ تمرینات سخت تر بری. همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری

یادگیری برنامه نویسی
بستن