حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
همهٔ تمرین‌ها

فرم ثبت نام

تمرین آسان 6560 visibility link download flag trending_up پربازدید

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

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

پاسخ‌ها 21

<!DOCTYPE html>
<html dir="rtl">
    <head>
        <title>Personal Form</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="تمرین آپلود ویدیو">
        <meta name="keyword" content="video,upload">
    </head>
<body>
    <h1>فرم ثبت نام</h1>

  <form action="register" method="post">
    <fieldset style="background-color: rgb(175, 239, 240); border-radius: 10px;">
      <legend>فرم ثبت نام</legend>
      <label for="name">نام:  </label>
    <input type="text" id="name" placeholder="مهرشاد" style="border-radius: 5px;" >
    <input type="submit" value="ثبت"><br><hr>
    <label for="lastname">نام خانوادگی: </label>
    <input type="text" id="lastname" placeholder="جعفری" style="border-radius: 5px;">
    <input type="submit" value="ثبت"><br><hr>
    <label for="name">جنسیت:  </label><br>
    <label for="man">مرد:  </label>
    <input type="radio" id="man" name="sex">
    <label for="woman">زن:  </label>
    <input type="radio" id="woman" name="sex">
    <input type="submit" value="ثبت"><br><hr>
    <label for="age">سن:  </label>
    <input type="number" id="age" style="width:50px; border-radius: 5px;">
    <input type="submit" value="ثبت"><br><hr>
      <label for="city">شهر خود را انتخاب کنید: </label><br>
      <select name="cities" id="city">
        <option value="1">شهر</option>
        <option value="1">تهران</option>
        <option value="1">مازندران</option>
        <option value="1">اصفهان</option>
        <option value="1">شیراز</option>
        <option value="1">کرج</option>
        <option value="1">هیچکدام</option>
      </select>
      <input type="submit" value="ثبت"><br><hr>
      <label for="color">رنگ موردعلاقه:  </label>
    <input type="color" id="color" style="border-radius: 5px;">
    <input type="submit" value="ثبت"><br><hr>
    <label for="age">تاریخ تولد:  </label>
    <input type="date" id="age" style="border-radius: 5px;">
    <input type="submit" value="ثبت"><br><hr>
    <label for="phone"> شماره موبایل:  </label>
    <input type="tel"
      pattern="09[0-9]{9}" id="phone" 
      placeholder="09*********" style="border-radius: 5px;">
    <input type="submit" value="ثبت"><br><hr>
    <label for="address">آدرس :  </label>
      <address>
        <textarea name="address" id="address">
        </textarea>
      </address>
      <input type="submit" value="ثبت">
    </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>Document</title>
    <style>
        div{
            border: 3px solid #0400e2;
            border-radius: 6px;
            background-color: aquamarine;
            align-items: center;
            display: flex;
        }
    </style>
</head>
<body>
    <div>
    <form action="/regester" method="get">
        <label for="fname">first name</label>
        <input type="text" id="fname">
        <br>

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

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

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

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

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

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

        <label for="tel">first name</label>
        <input type="tel" id="tel">
        <br>

        <label for="color">favirte color</label>
        <input type="color" id="color">
        <br>
    </form>
    </div>
</body>
</html>
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('______________________________')

```html

نام: نام خانوادگی: جنسیت: مرد زن دیگر سن: شهر: رنگ مورد علاقه: تاریخ تولد: شماره موبایل: آدرس:
پاسخ هوش مصنوعی Ai HTML & CSS
<!DOCTYPE html>
<html>
  <head>
    <title>گرفتن مشخصات</title>
  </head>
  <body>
    <form action="register" method="get">
      <label for="first name">first name</label>
      <input type="text" name="first name" id="first name"> <br>
      <label for="last name">last name</label> 
      <input type="text" name="last name" id="last name"> <br>
      <label for="man">man</label> 
      <input type="radio" name="sex" value="man" id="man">
      <label for="woman">woman</label>
      <input type="radio" name="sex" value="woman" id="woman"> <br>
      <label for="age">age</label>
      <input type="number" name="age" id="age"> <br>
      <label for="city">city</label>
      <input type="text" name="city" id="city"> <br>
      <label for="color">color</label>
      <input type="color" name="color" id="color"> <br>
      <label for="birthday">birthday</label>
      <input type="date" name="birthday" id="birthday"> <br>
      <label for="phone number">phone number</label>
      <input type="text" name="phone number" id="phone number" pattern="09[0-9]{9}"> <br>
      <label for="address">address</label>
      <input type="text" name="address" id="address"> <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, 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>
<!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>
<!DOCTYPE html>
<html lang='fa' dir="rtl">
<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <title>فرم ثبت نام</title>
</head>
<body>
    <h1>فرم ثبت نام</h1>
    <form action="/register" method="post">
        <label for="lname">نام: </label>
        <input type="text" name="lname" id="lname">
        <br><br>
        <label for="fname">نام خانوادگی: </label>
        <input type="text" name="fname" id="fname">
        <br>
        <p>جنسیت: <br></p>
        <label for="man">مرد</label>
        <input type="radio" name="gender" id="man" value="man">
        <label for="woman">زن</label>
        <input type="radio" name="gender" id="woman" value="woman">
        <br><br>
        <label for="age">سن :</label>
        <input type="number" name="age" id="age" min="0" max="100">
        <br><br>
        <label for="city">شهر :</label>
        <input type="text" name="city" id="city">
        <br><br>
        <label for="favorite color">رنگ مورد علاقه :</label>
        <input type="text" name="FavoriteColor" id="favorite color">
        <br><br>
        <label for="date of birth">تاریخ تولد: </label>
        <input type="date" name="date" id="dateOfBirth">
        <br><br>
        <label for="mobile number">شماره موبایل: </label>
        <input type="number" name="number" id="mobile number">
        <br><br>
        <label for="address">آدرس</label>
        <input type="text" name="addrass" id="address">
        <br><br>
        <input type="submit" value="ارسال">
    </form>
</body>
</html>

ارسال جواب

جوابت را با Markdown بنویس و ثبت کن

×
بستن