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

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

فرم ثبت نام

تمرین آسان 44/ دانلود 4114 بازدید پربازدید

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

نام
نام خانوادگی
جنسیت
سن
شهر
رنگ مورد علاقه
تاریخ تولد
شماره موبایل
آدرس
🔥 7 ساعت قبل Moha16mahd جواب جدیدی برای این تمرین ارسال کرد
👨‍💻 3 ساعت قبل User 4743 این تمرین رو مشاهده کرد
👨‍💻 23 ساعت قبل User 4690 این تمرین رو مشاهده کرد
👨‍💻 7 ساعت قبل Moha16mahd این تمرین رو مشاهده کرد
👨‍💻 1 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد
👨‍💻 23 ساعت قبل User 4316 این تمرین رو مشاهده کرد
افزودن تمرین جدید

10 جواب

<!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="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 15px;
        }
        .signup{
            width: 30%;
            border: solid;
            border-radius: 10px;
            background-color: rgb(126, 126, 126);
            justify-self: center;
            padding: 5px;
        }
        body{
            background-color: black;
        }
        label{
            display: block;
            margin-left:35px;
            color: blue;
            text-shadow: 1px 1px 0px #f00202;
            margin-bottom: 5px;
        }
        input{
        flex-grow: 1;
        display: block;
        justify-self: center;
        width: 70%;
        border-radius: 4px;
        background-color: black;
        }
        select+option{
            justify-self: center;
            display: block;
            margin-left: 40px ;
        }
        .color10{
           margin-left: 60px;
           background-color: black;
           color: rgb(201, 201, 201);
           border-radius: 4px;
            
        }
        .jens5{
            margin-left: 60px;
            background-color: black;
            color: rgb(201, 201, 201);
            border-radius: 4px;
        }
        .time{
            color: rgb(168, 168, 168);
        }
    </style>
</head>
<body>
    <form action="9">
        <div class="signup">
            <div class="name">
                <label for="name">نام</label>
                <input type="text" name="" class="name" placeholder="نام">
            </div>
            <div class="family">
                <label for="family">نام خانوادگی</label>
                <input type="text" name="" class="family" placeholder="نام خانوادگی">
            </div>
            <div class="jens">
                <label for="jens">جنسیت</label>
                <select name="" class="jens5">
                    <option value="" class="jens1">مرد</option>
                    <option value="" class="jens2">زن</option>
                </select>
            </div>
            <div class="age">
                <label for="age">سن</label>
                <input type="number" name="" class="age" placeholder="سن">
            </div>
            <div class="city">
                <label for="city">شهر</label>
                <input type="text" name="" class="city" placeholder="شهر">
            </div>
            <div class="color">
                <label for="color">رنگ مورد علاقه</label>
                <select class="color10">
                    <option value="" class="color1">سبز</option>
                    <option value="" class="color2">قرمز</option>
                    <option value="" class="color3">آبی</option>
                    <option value="" class="color4">سفید</option>
                    <option value="" class="color5">سیاه</option>
                    <option value="" class="color6">زرد</option>
                    <option value="" class="color7">سبز</option>
                </select>
            </div>
            <div class="time">
                <label for="time">تاریخ تولد</label>
                <input type="date" name="" class="time" placeholder="تاریخ تولد">
            </div>
            <div class="phone">
                <label for="phone">شماره تلفن</label>
                <input type="text" name="" class="phone" placeholder="شماره تلفن">
            </div>
            <div class="home">
                <label for="home">آدرس منزل</label>
                <input type="text" name="" class="home" placeholder="آدرس منزل" style="width:90%; height: 30%;">
            </div>
            <div></div>
        </div>
    </form>
</body>
</html>
User 669 دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>فرم ثبت نام</title>
</head>
<body>
    <form action="/register">
        <label for="fname">نام</label>
        <input type="text" name="fname" id="fname">
        <label for="lname">نام خانوادگی</label>
        <input type="text" name="lname" id="lname">
        <br>
        <label for="sex">جنسیت</label>
        <label for="mr">آقا</label>
        <input type="radio" value="0" name="sex" id="mr">
        <label for="mrs">خانم</label>
        <input type="radio" value="0" name="sex" id="mrs">
        <label for="age">سن</label>
        <input type="number" name="age" id="age">
        <label for="city">نام شهر</label>
        <input type="text" name="city" id="city">
        <br>
        <label for="fcolor">رنگ موردعلاقه</label>
        <input type="text" name="fcolor" id="fcolor">
        <label for="birthday">تاریخ تولد</label>
        <input type="date" name="birthday" id="birthday">
        <br>
        <label for="mobile">موبایل</label>
        <input type="number" name="mobile" id="mobile" maxlength="11">
        <br>
        <label for="address">آدرس</label>
        <textarea name="address" id="address"></textarea>
        <br>
        <input type="submit" value="ثبت نام">
    </form>
</body>
</html>
Saeeda33 دانلود HTML & CSS 
nem=input("your nem")
nam khanavadegi=input("your nam khnavadegi")
jensit=input("your jensit")
san=input("your san")
shehar=input("your shehar")
favorite color=input("your favorite color")
Date of birth=input("your Date of birth")
mobile number=input("your mobile number")
address=input("your address")
print(ok)
User 4707 دانلود Python 
<!DOCTYPE html>
<html lang="fa">
	<head>
		<meta charset="utf-8" />
		<title>sign up form</title>
		<style>
			fieldset{
				width: 400px;
				background-color: lightblue;
				border-radius: 10px;
				margin-left: 25%;
				margin-right: 25%;
			}
		</style>
	</head>

	<body>
	<form action=" register/" method="post">
	<fieldset>
		<legend><h4 style="background-color: #ffffff;border-radius: 5px">sign up form:</h4></legend>
		<lable for="fname">first name:</lable><br>
		<input type="text" id="fname" name="fname" placeholder="shahrooz"
		style="border-radius: 5px;" ><br>

		<lable for="lname">last name:</lable><br>
		<input type="text" id="lname" name="lname" placeholder="chegini"
		style="border-radius: 5px;"><br>

		<lable for="gender">gender:</lable><br>
		<lable for="gender">male:</lable>
		<input type="radio" id="gender" name="gender">
		<lable for="gender">female:</lable>
		<input type="radio" id="gender" name="gender"><br>

		<lable for="age">age:</lable><br>
		<input type="text" id="age" name="age" placeholder="18"
		style="border-radius: 5px;"><br>

		<lable for="city">city:</lable><br>
		<input type="text" id="city" name="City" placeholder="Tehran"
		style="border-radius: 5px;"><br>

		<lable for="color">favourite:</lable><br>
		<input type="text" id="color" name="favourite" placeholder="Red"
		style="border-radius: 5px;"><br>

  		<label for="birthday">Birthday:</label><br>
  		<input type="date" id="birthday" name="birthday"
		style="border-radius: 2px;"><br>

		<label for="phone">phone number:</label><br>
		<input type="tel" id="phone" name="phone" placeholder="09120000000"
		style="border-radius: 5px;"><br>

		<label for="address">address:</label><br>
		<input type="text" id="address" name="address" placeholder="adress"
		style="border-radius: 5px;width: 60%;"><br>
		
		<input type="submit">
	</fieldset>
	</form>
	</body>
</html>
Shahroozchegini دانلود 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 
<!DOCTYPE html>
<html lang="fa" >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register Form</title>
    <style>
        body{
            background-color: cadetblue;
        }
        .container{
            text-align: center;
        }
        .inp_first{
            margin-top: 30px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 6px;
            padding-right: 140px;
            border-radius: 30px;
            margin-bottom: 25px;
        }
        .inp{
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 6px;
            padding-right: 140px;
            border-radius: 30px;
            margin-bottom: 25px;
        }
        .inp_sec{
            margin-top: 30px;
            margin-bottom: 25px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 6px;
            padding-right: 140px;
            border-radius: 30px;
        }
        .inp_r{
            margin-right: 20px;
        }
        .inp_co{
            margin-bottom: 25px;
        }
        .inp_su{
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 6px;
            padding-right: 140px;
            border-radius: 30px;
            background-color: rgb(118, 172, 118);
        }
    </style>
</head>
<body>
    <form action="/register" method="post">
        <div class="container">
            <h3>register form</h3><br>
            <input type="text" class="inp_first" placeholder="Name"><br>
            <input type="text" class="inp" placeholder="Family"><br>
            <label for="radio_male">Male</label>
            <input type="radio" class="inp_r" name="gender">
            <label for="radio_female">Female</label>
            <input type="radio" class="inp_r" name="gender" ><br>
            <input type="text" class="inp_sec" placeholder="age"><br>
            <input type="text" class="inp" placeholder="City"><br>
            <label style="margin-right: 140px;">Favorite color</label>
            <input type="color" class="inp_co" name="fa_color"><br>
            <input type="date" class="inp" placeholder="brithday date"><br>
            <input type="text" class="inp" placeholder="Phone number"><br>
            <textarea name="address" class="inp" placeholder="address"></textarea><br>
            <input type="submit" class="inp_su" value="Register">
        </div>
    </form>
</body>
</html>
Sajad.karimi دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <body>
    <form action="/register" method="post">
      <input type="text" id="name">
      <label for="name">نام</label><br><br>
      <input type="text" id="lname">
      <label for="fname">نام خانوادگی</label><br><br>
      <input type="radio" name="sex" id="man">
      <label for="man">مرد</label>
      <input type="radio" name="sex" id="woman">
      <label for="woman">زن</label><br><br>
      <input type="number" id="age">
      <label for="age">سن</label><br><br>
      <input type="text" id="city">
      <label for="city">شهر</label><br><br>
      <input type="text" id="color">
      <label for="color">رنگ مورد علاقه</label><br><br>
      <input type="date" id="birthday">
      <label for="birthday">تاریخ تولد</label><br><br>
      <input type="tel" id="telephone">
      <label for="telephone">شماره تلفن</label><br><br>
      <input type="text" id="addres">
      <label for="addres">آدرس</label><br><br><br>
      <input type="submit" value="فرستادن">

    </form>
  </body>
</html>
Programmer دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa";>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport " content="width=device-width,intial-scale=1.0">
        <title>
            فرم ثبت نا م
        </title>
    </head>
    <body dir="rtl">
        <form action="/regester " target="_blank" method="post" class="form">
            <label for="esm">نام</label>
            <input type="text" name="esm" id="esm">
            <br>
            <label for="famili"> نام خانوادگی</label>
            <input type="text" name="famili" id="famili">
            <br>
            <label for="jensiyat 1">زن</label>
            <input type="radio" name="jensiyat" id="jensiyat1">
            <label for="jensiyat2">مرد</label>
            <input type="radio" name="jensiyat" id="jensiyat2">
            <br>
            <label for="sen">سن</label>
            <input type="date" name="sen" id="sen">
            <br>
            <label for="shahr">شهر</label>
            <input type="text" name="shahr" id="shahr">
            <br>
            <label for="color">رنگ مورد علاقه</label>
            <input type="color" name="color" id="color">
            <br>
            <label for="tell">شماره تلفن</label>
            <input type="tel" name="tell" id="tell"  placeholder="p-number">
            <br>
            <label for="adress">آدرس</label>
            <input type="text" name=" adress" id="adress">
            <input type="submit">
        </form>
    </body>
</html>
Maryam.n دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>فرم ثبت نام</title>
    <style>
        label{
            font-size: 18px;
        }
        input{
            padding: 5px;
            margin: 8px;
            border-radius: 5px;
            font-size: 15px;
        }
        form{
            width: 300px;
            background-color: rgb(228, 211, 136);
            margin-left: 50%;
            margin-right: 40%;
            border-radius: 5px;
        }
        h3{
            text-align: center;
        }
        textarea{
            border: 2px solid black;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <form action="/register" method="post">
        <h3>فرم ثبت نام</h3>
        <label for="">نام:</label><br>
        <input type="text" name="name" placeholder="نام"><br>

        <label for="">نام خانوادگی:</label><br>
        <input type="text" name="famil" placeholder="نام خانوادگی"><br>

        <label for="jensiwat">جنسیت:</label>
        <select name="" class="jensiwat">
            <option value="" class="jensiwat1">مرد</option>
            <option value="" class="jensiwat2">زن</option>
        </select><br>

        <label for="">سن:</label><br>
        <input type="number" name="sen" placeholder="سن" min="1" max="100"><br>

        <label for="">شهر:</label><br>
        <input type="text" name="shaher" placeholder="شهر"><br>

        <label for="">رنگ مورد علاقه:</label><br>
        <input type="color" name="color" placeholder="رنگ مورد علاقه"><br>

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

        <label for="">شماره موبایل:</label><br>
        <input type="tel" name="tel" placeholder="شماره موبایل" ><br>

        <label for="">آدرس:</label><br>
        <textarea name="adres" cols="25" rows="5">
F.sarli دانلود HTML & CSS

ارسال جواب

  • قبل از ارسال جواب ویدیو زیر رو ببین تا کار کردن با markdown رو یاد بگیری
  • لطفا جواب های تکراری ارسال نکن
  • سعی کن داخل کدت از کلمات فارسی یا فینگلیش (فارسی با حروف انگلیسی) استفاده نکنی و کدت تماما انگلیسی باشه
  • لطفا داخل جواب از ایموجی یا کاراکترهای خاص استفاده نکن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

راهنمای ارسال جواب 👇

مطالب مرتبط

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

حساب کاربری

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

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

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

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

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