معرفی
مراحل زیر لازم است (فرم ثبت نام):
مرحله 1: ابتدا یک سرور مجازی را روی رایانه خود نصب کنید (به عنوان مثال Xampp، Wamp).
Xampp یک بسته پشته راه حل وب سرور چند پلتفرمی رایگان و منبع باز است که توسط Apache Friends ایجاد شده است که عمدتاً از سرور HTTP Apache، پایگاه داده MySQL و مفسرهای اسکریپت های نوشته شده به زبان های برنامه نویسی PHP و Perl تشکیل شده است. XAMPP مخفف Cross-Platform (X)، Apache (A)، MySQL (M)، PHP (P) و Perl (P) است.
![سرور xampp](https://n7b3p4s2.stackpathcdn.com/UploadFile/52bd60/create-an-html-form-and-insert-data-into-database162/Images/xampp server.png)
مرحله 2: در مرحله بعد به یک ویرایشگر نیاز داریم که در آن کد HTML باید نوشته شود. می توانید از هر ویرایشگر (مانند Notepad++، Adobe Dreamweaver، NetBeans و غیره) استفاده کنید. در اینجا از Notepad ++ استفاده خواهیم کرد .
مرحله 3: Notepad++ را نصب کنید. در اینجا مراحل انجام می شود:
![دفترچه یادداشت پلاس پلاس](https://n7b3p4s2.stackpathcdn.com/UploadFile/52bd60/create-an-html-form-and-insert-data-into-database162/Images/notepad plus plus.png)
Notepad++ یک ویرایشگر کد منبع است که با مایکروسافت ویندوز استفاده می شود. این برنامه از ویرایش به صورت جدولی پشتیبانی می کند که به ما امکان می دهد با چندین فایل باز در یک پنجره کار کنیم.
Notepad++ به عنوان نرم افزار رایگان توزیع شده است.
روی اولین لینک در پنجره مرورگر کلیک کنید. پس از کلیک بر روی لینک اول، پنجره زیر ظاهر می شود.
![دانلود دفترچه یادداشت](https://n7b3p4s2.stackpathcdn.com/UploadFile/52bd60/create-an-html-form-and-insert-data-into-database162/Images/download notepad plus plus.png)
با کلیک بر روی دکمه دانلود نرم افزار را دانلود کنید.
برای طراحی صفحه از تگ های مختلف HTML استفاده خواهیم کرد.
شما می توانید با توجه به راحتی خود فیلدها را وارد کنید (یعنی هر فیلدی که برای فرم نیاز دارید).
در اینجا من فیلدها را با توجه به راحتی خود گنجانده ام.
کد نوشته شده در notepad++ را مشاهده کنید،
- <html>
- <head>
- <title>Registration Form</title>
- </head>
- <body>
- <link href = "registration.css" type = "text/css" rel = "stylesheet" />
- <h2>Sign Up</h2>
- <form name = "form1" action="modified.php" method = "post" enctype = "multipart/form-data" >
- <div class = "container">
- <div class = "form_group">
- <label>First Name:</label>
- <input type = "text" name = "fname" value = "" required/>
- </div>
- <div class = "form_group">
- <label>Middle Name:</label>
- <input type = "text" name = "mname" value = "" required />
- </div>
- <div class = "form_group">
- <label>Last Name:</label>
- <input type = "text" name = "lname" value = "" required/>
- </div>
- <div class = "form_group">
- <label>Password:</label>
- <input type = "password" name = "pwd" value = "" required/>
- </div>
- </div>
- </form>
- </body>
- </html>
قرار داده ام .
HTML یا Hypertext Markup Language استاندارد و ابتدایی ترین زبانی است که برای ایجاد صفحات وب استفاده می شود.