فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کند
نام
نام خانوادگی
جنسیت
سن
شهر
رنگ مورد علاقه
تاریخ تولد
شماره موبایل
آدرس
Front-End
افزودن تمرین جدید
<!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>
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>
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>
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>
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>
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>
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>
HTML & CSS
برنامه ای بنویسید که اسم و شماره دانشجویی کاربران را دریافت کند و در یک فایل به اسم students.txt ذخیره کند. همچنین بعد از هر ذخیره سازی، کل اطلاعات این فایل را در خروجی نمایش دهید.
Kotlin
JavaScript
Python
1- سیستم بصورت تصادفی یک عدد بین 1 تا 100 انتخاب میکند 2- کاربر سعی میکند عدد انتخاب شده را حدس بزند 3- پس از هربار حدس کاربر، اگر عدد وارد شده درست بود، برنامه خاتمه میابد. درغیراینصورت برنامه اعل...
Python
برنامه ای بنویسید که یک عدد دریافت کند و با توجه به عدد دریافت شده شکل زیر را چاپ کند مثال:number: 5 55555 4444 333 22 1
Java
Python
لیستی از اجناس مختلف به همراه درصد تخفیف آنها داریم و میخواهیم بدانیم قیمت نهایی هر محصول بعد از لحاظ کردن تخفیف چقدر میشود. برنامه ای بنویسید که همانند زیر قیمت محصول و درصد تخفیف آن را دریافت کند...
Python
تابعی بنویسید که رشته ای دریافت کند و اعداد فارسی داخل آن را به اعداد انگلیسی تبدیل کند و برگرداند
JavaScript
Python
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو
😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و
یواش یواش به سراغ تمرینات سخت تر بری.
همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری