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

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

فرم ثبت نام

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

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

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

8 جواب

<!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
<!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>
<!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>

<!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

ارسال جواب

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

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

مطالب مرتبط

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