FORM REGISTERATION WITH HTML
فرم‌های ثبت نام یکی از اجزای کلیدی در طراحی وب‌سایت‌ها هستند. آن‌ها به کاربر اجازه می‌دهند اطلاعات خود را وارد کنند و به سیستم ثبت‌نام کنند. در اینجا به بررسی یک فرم ثبت نام ساده با استفاده از HTML می‌پردازیم.
ساختار پایه HTML
در ابتدا، باید ساختار پایه HTML را ایجاد کنیم:
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=
- 0">
</head>
<body>
<h1>فرم ثبت نام</h1>
<form action="/submit" method="POST">
<!-- فیلد نام -->
<label for="name">نام:</label>
<input type="text" id="name" name="name" required>
<!-- فیلد ایمیل -->
<label for="email">ایمیل:</label>
<input type="email" id="email" name="email" required>
<!-- فیلد رمز عبور -->
<label for="password">رمز عبور:</label>
<input type="password" id="password" name="password" required>
<!-- دکمه ارسال -->
<button type="submit">ثبت نام</button>
</form>
</body>
</html>
```
توضیحات اجزای فرم
- تگ `<form>`: این تگ، فرم را تعریف می‌کند. ویژگی‌های `action` و `method` برای تعیین URL ارسال داده‌ها و نوع متد HTTP استفاده می‌شوند.
- فیلدهای ورودی:
- نام: یک فیلد متنی برای وارد کردن نام کاربر.
- ایمیل: یک فیلد ایمیل که به کاربران اجازه می‌دهد تا ایمیل خود را وارد کنند.
- رمز عبور: یک فیلد رمز عبور که ورودی‌ها را مخفی می‌کند.
- دکمه ارسال: با کلیک بر روی این دکمه، اطلاعات فرم ارسال می‌شود.
نکات مهم
- الزامی بودن فیلدها: ویژگی `required` برای هر فیلدی که می‌خواهیم الزامی باشد، استفاده می‌شود.
- اعتبارسنجی: HTML5 به ما اجازه می‌دهد تا اعتبارسنجی اولیه را با استفاده از نوع ورودی‌ها انجام دهیم.
- استایل‌دهی: می‌توانید از CSS برای زیبا سازی فرم استفاده کنید.
نتیجه‌گیری
فرم ثبت نام یکی از ابزارهای مهم در وب‌سایت‌ها است. با استفاده از HTML، می‌توانیم فرم‌های کارآمد و زیبا بسازیم. به یاد داشته باشید که امنیت و اعتبارسنجی اطلاعات کاربران بسیار حائز اهمیت است.
