آموزش تگ form در HTML
تگ <form> در HTML برای ایجاد فرم‌ها برای جمع‌آوری اطلاعات از کاربران استفاده می‌شود. این تگ حاوی المان‌هایی مانند فیلدهای متنی، دکمه‌های ارسال و سایر المان‌های فرم است. در این مقاله، تمامی جزئیات تگ <form> به همراه ویژگی‌ها و مثال‌های عملی آن بررسی می‌شود.
1. تگ form در HTML
تگ <form> برای ایجاد فرم‌ها در HTML استفاده می‌شود. این تگ حاوی المان‌هایی مانند فیلدهای متنی، فیلدهای انتخاب، دکمه‌های ارسال و سایر المان‌های مربوط به فرم است.
<form action="/submit-form" method="post">
<!-- المان‌های فرم در اینجا قرار می‌گیرند -->
</form>2. ویژگی‌ها و Attributeهای تگ form
تگ <form> دارای ویژگی‌های مختلفی است که برای تنظیم عملکرد فرم مورد استفاده قرار می‌گیرند.
2.1. action
این ویژگی مشخص می‌کند که فرم اطلاعات ورودی را به کجا ارسال کند. این مقصد معمولاً یک آدرس URL یا مسیر اسکریپت پردازش‌کننده است.
<form action="/submit-form" method="post">
<!-- المان‌های فرم در اینجا قرار می‌گیرند -->
</form>2.2. method
این ویژگی نوع ارسال داده‌ها را مشخص می‌کند، که می‌تواند get یا post باشد.
<form action="/submit-form" method="post">
<!-- المان‌های فرم در اینجا قرار می‌گیرند -->
</form>2.3. target
این ویژگی مشخص می‌کند که نتیجه ارسال فرم در کجا باز شود، مانند یک پنجره جدید یا همان پنجره کنونی.
<form action="/submit-form" method="post" target="_blank">
<!-- المان‌های فرم در اینجا قرار می‌گیرند -->
</form>2.4. enctype
این ویژگی نوع رمزگذاری داده‌های ارسالی را مشخص می‌کند، معمولاً برای ارسال فایل‌های چندرسانه‌ای استفاده می‌شود.
<form action="/submit-form" method="post" enctype="multipart/form-data">
<!-- المان‌های فرم در اینجا قرار می‌گیرند -->
</form>3. مثال‌های استفاده از تگ form
3.1. ارسال اطلاعات با استفاده از method="post"
<form action="/submit-form" method="post">
<label for="username">نام کاربری:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">رمز عبور:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="ارسال">
</form>3.2. ارسال اطلاعات با استفاده از method="get"
<form action="/search" method="get">
<label for="query">جستجو:</label>
<input type="text" id="query" name="q"><br><br>
<input type="submit" value="جستجو">
</form>نتیجه‌گیری
تگ <form> در HTML ابزاری قدرتمند برای ایجاد فرم‌های جمع‌آوری اطلاعات است. با استفاده از ویژگی‌ها و ترکیب با المان‌های فرم دیگر، می‌توانید فرم‌هایی با قابلیت‌های متنوع و کارآمد ایجاد کنید. این تگ یکی از اصلی‌ترین عناصر در طراحی وبسایت‌های تعاملی است.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام