Front-End
تمرین جدید
HTML & CSS
تحلیل جواب با AI
Python - پایتون
PHP - پی اچ پی
JavaScript - جاوا اسکریپت
C# - سی شارپ
C & C++ - سی و سی پلاس پلاس
Kotlin - کاتلین
Java - جاوا
DataBase - دیتابیس
Matlab - متلب
Rust - راست
Golang - گولنگ
Bash - بش
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
let msg = 'error' alert(msg)این جواب فقط برای مشترکین ویژه قابل مشاهده است
برای مشاهده این جواب باید اشتراک داشته باشی
دریافت اشتراکlet msg = 'error' alert(msg)این جواب فقط برای مشترکین ویژه قابل مشاهده است
برای مشاهده این جواب باید اشتراک داشته باشی
دریافت اشتراکlet msg = 'error' alert(msg)این جواب فقط برای مشترکین ویژه قابل مشاهده است
برای مشاهده این جواب باید اشتراک داشته باشی
دریافت اشتراک<!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>
<!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>
یک سری موارد رو به دلخواه اضافه کردم.
<!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)
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
نام: نام خانوادگی: جنسیت: مرد زن دیگر سن: شهر: رنگ مورد علاقه: تاریخ تولد: شماره موبایل: آدرس:برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام