|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Forms</title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<!--
|
|
|
این اکشن مربوط به بک اند است و پردازش در این صفحه انجام میشود یا نه
|
|
|
اگر قرار باشد که فرم ما یک فایل مانند یک تصویر را به سمت سرور ارسال کند
|
|
|
باید از انک تایپ استفاده کنیم با مقداری که در برابر آن نوشته شده است
|
|
|
که اجازه دهد که فرم ما قابلیت ارسال فایل به سمت سرور را نیز داشته باشد.
|
|
|
|
|
|
-->
|
|
|
<form action="" method="" enctype="multipart/form-data">
|
|
|
<label for="userName">userName </label>
|
|
|
<input id="userName" type="text" name="" value="" placeholder="...نام کاربری" />
|
|
|
<label for="pass">password</label>
|
|
|
<input type="password" name="" id="pass" placeholder="کلمه ی عبور..." value="" />
|
|
|
<label for="rememberMe">مرا به خاطر بسپار</label>
|
|
|
<input type="checkbox" name="" id="rememberMe" checked />
|
|
|
<input type="submit" value="submit" />
|
|
|
<input type="reset" value="پاک کردن فرم" />
|
|
|
<input type="button" value="something" />
|
|
|
<button type="submit">sign in</button>
|
|
|
<button type="reset">reset</button>
|
|
|
</form>
|
|
|
|
|
|
<!-- types of input
|
|
|
انواع اینپوت ها در html
|
|
|
|
|
|
hidden:
|
|
|
یک اینپوت ایجاد میکند که از دید کاربر مخفی است اما در سند
|
|
|
وجود دارد
|
|
|
image:
|
|
|
برای کار با تصاویر است.
|
|
|
|
|
|
-->
|
|
|
<input type="button" />
|
|
|
<input type="checkbox" />
|
|
|
<input type="color" />
|
|
|
<input type="date" />
|
|
|
<input type="datetime-local" />
|
|
|
<input type="email" />
|
|
|
<input type="file" />
|
|
|
<input type="hidden" />
|
|
|
<input type="image" />
|
|
|
<input type="month" />
|
|
|
<input type="number" />
|
|
|
<input type="password" />
|
|
|
<input type="radio" />
|
|
|
<input type="range" />
|
|
|
<input type="reset" />
|
|
|
<input type="search" />
|
|
|
<input type="submit" />
|
|
|
<input type="tel" />
|
|
|
<input type="text" />
|
|
|
<input type="time" />
|
|
|
<input type="url" />
|
|
|
<input type="week" />
|
|
|
|
|
|
<!--
|
|
|
input attributes:
|
|
|
-->
|
|
|
<form action="" enctype="multipart/form-data" autocomplete="on">
|
|
|
<input type="file" accept="image/*" />
|
|
|
<input type="submit" value="submit" />
|
|
|
<input type="image" src="" alt="test" />
|
|
|
<input type="text" autocomplete="on">
|
|
|
<input type="text" autofocus>
|
|
|
<input type="text" maxlength="8">
|
|
|
<input type="text" max="5">
|
|
|
<input type="text" minlength="5" min="5" required>
|
|
|
<input type="text" pattern="regexp" title="نام کاربری باید شامل کاراکتر های کوچک باشد">
|
|
|
<input type="text" readonly value="this is read only">
|
|
|
</form>
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html> |
