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

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

فرم ثبت نام

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

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

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

13 جواب

این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg) 
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg) 
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg) 
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
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>
<!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>
<head>
    <title>FORM</title>
    <link rel="stylesheet" href="project.css" type="text/css">
</head>
<body>
    <form method="post">
        <table dir="rtl" style="width: 100%;">
            <thead>
            <tr>
                <th colspan="2">فرم ازمایشی</th>

            </tr>
        </thead>
        <tbody>
            <tr>
                <td><label>نام :</label></td>
                <td><input type="text" class="sd" name="name"></td>
            </tr>
            <tr>
                <td><lable>نام خانوادگی :</lable></td>
                <td><input type="text" class="sd" name="last_name"></td>
            </tr>

           <tr>
                <td> <label>کد ملی:</label></td>
                <td><input type="text" class="sd" name="code"></td>
            </tr>
            <tr>
                <td><lable>ایمیل:</lable></td>
                <td><input type="email" class="sd" required name="email"></td>
            </tr>
            <tr>
                <td><label>رمز عبور ایمیل :</label></td>
                <td><input type="password" class="sd" required name="pass"></td>

            </tr>
            <tr>
                <td><label>ادرس:</label></td>
                <td > <input type="text" class="sd" required name="address"></td>
            </tr>
            <tr>
                <td><lable>شماره تلفن:</lable></td>
                <td><input type="number" class="sd" required name="phone"> </td>
            </tr>

            <tr>
                <td><lable>سن:</lable></td>
                <td><input class="sd" type="number" name="age"></td>
            </tr>
            <tr>
                <td><label>جنسیت :</label></td>
                <td><input type="radio" name="gender">خانم
                    <input type="radio" name="gender">اقا
                    <input type="radio" name="gender">سایر
                </td>
            </tr>
            <tr>
                <td><label>رنگ مورد علاقه:</label></td>
                <td><input type="text" class="sd" name="color"></td>
            </tr>
            <tr>
                <td><lable>زبان انگلیسی بلدی:</lable></td>
                <td><input type="radio" name="en">بله
                    <input type="radio" name="en">خیر
                    <input type="radio" name="en">زیاد نه
                </td>
            </tr>
            <tr >
                <td></td>
                <td ><button type="submit" name="button">ثبت اطلاعات</button>
                </td>
            </tr>           
        </tbody>
        </table>
    </form>

</body>
</html>

<!--محتوای سی اس اس -->
@charset 'utf-8';
*{
    padding: 0px;
    margin: 0xp;
    font-style: italic;
    box-sizin
   g: border-box;
}

form {
    width: 400px;
    border: 2px solid rgb(0, 0, 0);
    margin: 100px auto;
    direction: rtl;
    border-radius: 30px;
    padding: 0px 5px; 
    font-size: large;
    background:linear-gradient(rgb(187, 164, 48) 20%,rgb(192, 150, 12) 20%,rgb(209, 176, 11),rgb(143, 133, 4));
}

table thead tr th {
    width: 100% ;
    padding: 10px 0px;
    background-color: black;
    color: white;
    border-radius:30px ;
}
input[type="radio"]{
    margin-left: 5px;
}

input[type="text"],input[type="email"],input[type="password"],input[type="number"]{
    width: 100%;
    padding: 4px;
    border-radius: 5px;
    border: 1px solid black;
    font-size: medium;
}

.sd:focus{
    box-shadow:  0px 0px 0px 4px  rgba(2, 0, 0, 0.2);
}

button {
    padding: 5px 10px;
    border-radius: 30px;
    border:1px solid rgb(149, 239, 166);
    background-color: rgb(149, 239, 166); ;
    color: black;
    font-size: larger;
    width: 50%;
}

button:hover{
    padding: 5px 10px;
    border-radius: 30px;
    border:1px solid rgb(5, 171, 36);
    color: black;
    background-color:rgb(5, 171, 36) ;
    font-size: larger;
    width: 50%;
}

name = input("nam khodra vared konid: ")
namekhanevadegi = input("nam khanevadegi khod ra vared konid: ")
jensiat = input("jensiat khodra vared konid: ")
sen = int(input("sen khod ra vared konid: "))
shomaretelephone = int(input("shomare telephone khod ra vared konid: "))
shahr = input("nam shahr khodra vared konid: ")
rangmoredalage = input("rang mored alage khodra vared konid: ")
addrese = input("addrese khod ra vared konid: ")
tarikhtavalod = input("tarikh tavalod khod ra vared konid: ")
print(name)
print(namekhanevadegi)
print(jensiat)
print(sen)
print(shomaretelephone)
print(shahr)
print(rangmoredalage)
print(addrese)
print(tarikhtavalod)
Nima123123 دانلود Python
a = input('Enter your name :')
b = input('Enter your last name :')
c = input('Enter your gender :')
d = int(input('Enter your age :'))
e = input('Enter your city :')
f = input('Enter your favorite color :')
g = input('Enter your date of birth like 1383/2/12  :')
h =int(input('Enter your phone number :'))
i = input('Enter your address :')
print('______________________________')
print('Your information :')
print('name :',a)
print('last name :',b)
print('gender :',c)
print('age :',d)
print('city :',e)
print('favorite color :',f)
print('dath of birth :',g)
print('phone number : ',h)
print(' address : ',i)
print('End')
print('______________________________')
Sobhan.qoreyshi دانلود Python
<!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
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

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

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

×
×
بستن