parseh

فرم با قابلیت اضافه یا حذف ردیف

19 پست در این موضوع قرار دارد

سلام

من میخوام یک فرمی بسازم که بشه به وردپرس هم واردش کرد ، البته قابلیت زیر را داشته باشه

مثلا : اگر روی + کلیک کنید یک ردیف مثل بالا اضافه بشه و اگر روی - کلیک شد ردیف اضافه حذف بشه

البته بدون + و - میشه این فرم را با cf7 ساخت ولی اگر بخوام + و - باشه چی ؟ بازم میشه یا نه ؟

3636.JPG

اگر کد یا سورسی هم سراغ دارد معرفی کنید

ممنون

به اشتراک گذاری این پست


لینک به پست

فکر کنم بشه یک همچین فرمی را با دیتابیس sql ساخت ، ولی من تخصصی درش ندارم

اگر نمونه ای داشتید یا منبعی که آموزش بده را معرفی کنید ممنون میشم

به اشتراک گذاری این پست


لینک به پست

قراره ردیف اضافه شده در دیتابیس ذخیره بشه یا به ایمیل ارسال بشه؟

در مورد اول شک دارم ولی فکر کنم با تابع ()update_option بشه ساخت ولی مورد دوم با تابع ()array در جاوا اسکریپت برای تعداد i ساخته می شه و برای ارسال هم باید تابع mail() را به همین نسبت قرار داد

البته من جاتون بودم منتظر نظر مرتضی و پارسای گرامی می شدم ;)

به اشتراک گذاری این پست


لینک به پست

سلام

اگر به ایمیل ارسال بشه بهتره

البته فرم خالی نمیخوام باشه چون اگر قرار باشه از cf7 صرفه نظر کنم باید فرم قابلیت ضمیمه کردن فایل هم داشته باشه با فرمت های مشخص و حداکثر حجم مشخص والبته داشتن کپچا

به اشتراک گذاری این پست


لینک به پست

فرقی نمی کنه اگر فرمن بخواد ایمیل بشه حالا یا توسط افزونه ساخته شده باشه یا نه یک جوریه و اینکه بخواد روی دیتابیس ذخیره بشه که شما اطلاعاتش رو با توابع روی سایت نمایش بدی یک مطلب دیگه (اینکه اطلاعات در سایت قرار باشه منظم و استفاده بشند به sql کار داره و الا کاری با اون نداریم)

در اولین فرصت یک تکه کد اولیه برای ایجاد input جدید و معرفیش به فرم تماس براتون می گذارم

به اشتراک گذاری این پست


لینک به پست

فرقی نمی کنه اگر فرمن بخواد ایمیل بشه حالا یا توسط افزونه ساخته شده باشه یا نه یک جوریه و اینکه بخواد روی دیتابیس ذخیره بشه که شما اطلاعاتش رو با توابع روی سایت نمایش بدی یک مطلب دیگه (اینکه اطلاعات در سایت قرار باشه منظم و استفاده بشند به sql کار داره و الا کاری با اون نداریم)

در اولین فرصت یک تکه کد اولیه برای ایجاد input جدید و معرفیش به فرم تماس براتون می گذارم

تشکر از لطف شما

ولی واقعا نیازی ندارم روی دیتا بیس اطلاعات را نگه دارم چون اغلب کارهام را از طریق ایمیل انجام میدم در واقع دیتا بیس من همون outlook هست که الان حدود 3 - 4 سالی هست که ایمیل های مهمم را ذخیره میکنم و خیلی راحت بک آپ میگیرم و خلاصه دردسری ندارم ولی اگر روی دیتابیس حتما باید ذخیره بشه بازم مشکلی ندارم ولی ارسال به ایمیل برام واجبه

به اشتراک گذاری این پست


لینک به پست

ببینید بحث سر اون حذف و اضافه هست

چون باید فیلدهای جدید به خروجی نهایی که ایمیل هست اضافه بشن

شما باید دنبال فرم جنریتور باشید

به اشتراک گذاری این پست


لینک به پست

ببینید بحث سر اون حذف و اضافه هست

چون باید فیلدهای جدید به خروجی نهایی که ایمیل هست اضافه بشن

شما باید دنبال فرم جنریتور باشید

سلام

درسته چون همین الان این فرم را با cf7 ساختم ولی این قابلیت حذف و اضافه مهمه

شما چیزی سراغ ندارید ؟

من که تمام مخزن وردپرس را گشتم ( حداقل بیشترش را ) ولی فکر نکنم خود وردپرس همچین چیزی داشته باشه ، احتمال زیاد باید از کد یا سیستم مجزا استفاده بشه !!! :huh:

ویرایش شده در توسط parseh

به اشتراک گذاری این پست


لینک به پست

ببینید با کدی شبیه این کد jquery می شه فیلد اضافه کرد


<script>
function appendText()
{
$("body").append('<input value="" />'); // Append new elements
}
</script>
<button onclick="appendText()">Append text</button>

ولی همونطور که مرتضای غزیز گفتند اینکه به تابع میل بشه فیلد رو معرفی کرد اون هم در یک سطح بی نهایت و بخواهیم ارور هم دریافت نشه کار سختیه

یعنی چون معمول نیست خیلی کسی دنبالش نمی ره

معمولا فیلدها را با php اد می کنند و برای هر فیلد جدید یکبار در واقع صفحه باز سازی می شه و فیلد قبلی محتواش ارسال می شه ولی اینکه فرم در موقعیتش باقی بمونه و یک فیلد اضافه شه نشدنی نیست ولی یک کم برای من مطالعه لازم داره شاید دوستان دیگه راهنمایی مفید تر کنند ولی من هم مطالعه می کنم و کدی که تونستم بهش برسم و می نویسم

به اشتراک گذاری این پست


لینک به پست

ممنون از وقتی که گذاشتید

البته من بی نهایت ردیف نمیخوام داشته باشم فکر کنم حداکثر 30 ردیف کفایت کنه

اینم کد صفحه ( سایت ) فرمم هست البته برای 5 ردیف که ثابت هستند :

<p><span><strong><span style="font-family: tahoma,arial,helvetica,sans-serif;">مشخصات مشتری</span></strong></span></p>

<table style="width: 100%;" border="0" align="center">

<tbody>

<tr>

<td style="width: 25%; text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">نام و نام خانوادگی :</span></td>

<td style="width: 25%; text-align: right;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* name 30/30]</span></td>

<td style="width: 25%; text-align: left;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">نام شرکت :</span></td>

<td style="width: 25%; text-align: right;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text company 30/30]</span></td>

</tr>

<tr>

<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تلفن :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[tel* tel 30/12]</span></td>

<td style="text-align: left;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">فکس :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[tel fax 30/12]</span></td>

</tr>

<tr>

<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تلفن همراه :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[tel mob 30/11]</span></td>

<td style="text-align: left;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">آدرس ایمیل :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[email* email 30/30]</span></td>

</tr>

<tr>

<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">آدرس شرکت :</span></td>

<td style="text-align: right;" dir="rtl" colspan="3"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* add 60/100]</span></td>

</tr>

</tbody>

</table>

<p><span><strong><span style="font-family: tahoma,arial,helvetica,sans-serif;">مشخصات سفارش</span></strong></span></p>

<table style="width: 100%;" border="0" align="center">

<tbody>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">ردیف</span></td>

<td style="width: 25%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">مدل<br /></span></td>

<td style="width: 20%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">شرکت سازنده</span></td>

<td style="width: 40%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">توضیحات</span></td>

<td style="width: 10%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تعداد</span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">1</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* model 30/30]</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* brand 30/30]</span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc 50/60]</span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* qty 5/5]</span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">2</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model2 30/30]</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand2 30/30]</span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc2 50/60]</span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty2 5/5]</span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">3</span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model3 30/30]</span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand3 30/30]</span></span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc3 50/60]</span></span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty3 5/5]</span></span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">4</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model4 30/30]</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand4 30/30]</span></span></span></span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc4 50/60]</span></span></span></span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty4 5/5]</span></span></span></span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">5</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model5 30/30]</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand5 30/30]</span></span></span></span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc5 50/60]</span></span></span></span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty5 5/5]</span></span></span></span></td>

</tr>

</tbody>

</table>

<ul>

<li><span style="font-family: tahoma,arial,helvetica,sans-serif;">حداکثر حجم مجاز فایل 15 مگابایت می باشد<br /></span></li>

<li><span style="font-family: tahoma,arial,helvetica,sans-serif;">فرمت های مجاز : ZIP , RAR , PDF</span><span style="font-size: xx-small; font-family: tahoma,arial,helvetica,sans-serif;"><br /></span></li>

</ul>

<p style="text-align: center;"> </p>

<p style="text-align: center;"> </p>

<p style="text-align: center;"> </p>

<table style="width: 65%; height: 106px; margin-left: auto; margin-right: auto;" border="0" align="right">

<tbody>

<tr>

<td style="width: 50%; text-align: left;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">فایل ضمیمه :</span></td>

<td style="width: 50%;" colspan="3"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[file file limit:15728640 filetypes:zip|rar|pdf]</span></td>

</tr>

<tr>

<td style="width: 50%; text-align: left;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">کد امنیتی :</span></td>

<td style="width: 10%;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[captchac code size:l]</span></span></td>

<td style="width: 20%;"> </td>

<td style="width: 20%;"> </td>

</tr>

<tr>

<td style="width: 50%; text-align: left;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تایپ کد امنیتی :</span></span></span></td>

<td style="width: 10%;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[captchar code 6/6]</span></span></span></span></td>

<td style="width: 20%;"> </td>

<td style="width: 20%;"> </td>

</tr>

</tbody>

</table>

<p> </p>

<p> </p>

<p> </p>

<p style="text-align: right;" dir="rtl"> </p>

<p style="text-align: center;" dir="rtl"> </p>

<p> </p>

<p> </p>

<p> </p>

<table style="width: 100%;" border="0" align="center">

<tbody>

<tr>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[submit class:bbb "ثبت سفارش"]</span></span></td>

</tr>

</tbody>

</table>

البته همانطور که ملاحظه می کنید فقط در ردیف مشخصات سفارش باید این سیستم پیاده بشه

باز هم بابت وقتی که گذاشتید سپاسگذارم

ویرایش شده در توسط Morteza
از longbox استفاده کنید!

به اشتراک گذاری این پست


لینک به پست

سلام و تشکر

فکر کنم متوجه شده باشم که چطور فیلدها را بسازم البته با کمک راهنمایی شما ، فقط مشکلی که هست الان وقتی من html را که همون فرمم هست ساختم فایل ها یا کد های css و js را کجا قرار بدم ؟

البته من یک قالب برای صفحه های فرم دار ساختم ولی فکر نکنم بشه اونجا قرار داد چون php هست

سپاس فراوان

عید همه دوستان هم مبارک و همین روز پدر

به اشتراک گذاری این پست


لینک به پست

یک فایل برای js ویکی هم css در روت قالب خود بسازید و کدهای زیر را به صفحه php وارد کنید


echo '<link rel="stylesheet" href="'. bloginfo('template_url').'/YOUR-STYLE.css" type="text/css">';
echo '<script type="text/javascript" src="'. bloginfo('template_url').'/YOUR-JS.js></script>';

YOUR-STYLE و YOUR-JS را با نام فایلها عوض کنید

به اشتراک گذاری این پست


لینک به پست

یک فایل برای js ویکی هم css در روت قالب خود بسازید و کدهای زیر را به صفحه php وارد کنید


echo '<link rel="stylesheet" href="'. bloginfo('template_url').'/YOUR-STYLE.css" type="text/css">';
echo '<script type="text/javascript" src="'. bloginfo('template_url').'/YOUR-JS.js></script>';

YOUR-STYLE و YOUR-JS را با نام فایلها عوض کنید

این کدها را وارد کردم ولی صفحه نصفه لود شد و این کدها را نمایش داد : echo ''; echo '

این مشکل چطور حل میشه : http://jsbin.com/ifufey/12

میخوام شماره ردیف در یک خط با باقی المانها باشه

تشکر

ویرایش شده در توسط parseh

به اشتراک گذاری این پست


لینک به پست

اینم یه نمونه برای قرار دادن بیشمار input البته بدون عمل refactoring


http://jsbin.com/ewayix/1

به اشتراک گذاری این پست


لینک به پست

ببینید شما فکر کنید قرار نیست فیلدی اضافه و کم بشه با افزونه تون فرمتون رو به صورت کامل بسازید و کدهاش رو هم در صفحه قرار بدید

و آدرس صفحه ای که کدها را قرار دادید بگذارید اینجا تا دقیقا یک سری کد کامل بهتون بدم این کدها را در یک صفحه دیگه قرار می دید و صفحه اول را حذف می کنید و تا وقتی افزونه تون نسبه ازش استفاده می کنید

این کدها را وارد کردم ولی صفحه نصفه لود شد و این کدها را نمایش داد : echo ''; echo '

این مشکل چطور حل میشه : http://jsbin.com/ifufey/12

میخوام شماره ردیف در یک خط با باقی المانها باشه

تشکر

این کدها را وارد کردم ولی صفحه نصفه لود شد و این کدها را نمایش داد : echo ''; echo '

این مشکل چطور حل میشه : http://jsbin.com/ifufey/12

میخوام شماره ردیف در یک خط با باقی المانها باشه

تشکر

این کدها برای داخل کدهای php بودند چون گفتید صفحه php است می تونید به این صورت همزمان با ساخت برگه در ویرایشگر html به کدهای مطلب اضافه کنید


<link rel="stylesheet" href="آدرس کامل فایل css" type="text/css" />
<script type="text/javascript" src="آدرس کامل محل فایل js"></script>

به اشتراک گذاری این پست


لینک به پست

سلام

من فرم را در این آدرس گذاشتم : لینک

البته کد ها را هم در فایل form.php که قالبی برای صفحه های فرم هست قرار دادم و کلا ارور داد

فایل های css , js هم در قالب قرار گرفتند

مشخصات یوزر هم برای جناب " استاد " پ . خ می کنم

لطفا راهنمایی کنید

ممنون

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط webdesign
      فرم های کوتاه
      سعی کنید اطلاعاتی را از کاربر بخواهید که واقعاً مورد نیاز است و از قرار دادن فیلدهای اضافی در فرم ها خودداری نمایید. معمولاً کاربران تمایلی به پر کردن فرم هایی که اطلاعات خیلی شخصی میخواهند، ندارند. چنانچه نیاز به اطلاعات بیشتری راجع به کاربر دارید بعد از ثبت فرم میتوانید از طریق ایمیل آن اطلاعات را درخواست کنید. پس از دریافت اطلاعات اضافه و غیر ضروری خودداری کنید و سعی کنید فیلدهای مشابه در فرم قرار ندهید برای مثال چند فیلد شماره تلفن
      در نهایت
       بعد از پر کردن فرم و ثبت آن توسط کاربر از کاربر تشکر کرده و فیدبک بدهید. ایجاد یک فرم استاندارد و کاربرپسند شانس شما را برای جمع آوری اطلاعات و تبدیل یک بازدید کننده به کاربر دائمی وب سایت را افزایش میدهد.
       
      استفاده از فرم های عمودی
      فرم های عمودی نسبت به فرم های افقی و چند ستونه، کاربرپسندتر هستند به خصوص در فرم های طولانی. بهترین حالت این است که تمامی فیلدها در یک صفحه از بالا تا پایین قرار بگیرند بدون اینکه کاربر نیاز به اسکرول کردن برای دیدن ادامه فرم داشته باشد.
       فرم های افقی تنها در صورتی که فرم خیلی کوتاه باشد مثلا فقط نیاز به وارد کردن ایمیل و رمز عبور باشد میتوانند به کار برده شوند. در غیر این صورت کلا بهتر است فرم را به صورت عمودی طراحی نمایید.
       همچنین فیلدهای فرم باید یک ترتیب منطقی داشته باشند مثلاً بعد از نام همیشه نام خانوادگی را قرار میدهیم و بعد فیلدهای دیگر. برای مثال ترتیب نام، ایمیل، نام خانوادگی یک ترتیب غیرمنطقی میباشد.
      سهولت در خواندن و اسکن کردن فرم
      همانطور که میدانید کاربران در وب سایت ها معمولاً مطالب را اسکن میکنند یعنی نگاه اجمالی به همه مطالب می اندازند تا مطلب مورد نظر خود را پیدا کنند یا تصمیم بگیرند که چه عملیاتی را در سایت انجام خواهند داد. همین مسئله برای فرم ها هم صدق میکند. کاربر با دیدن فرم باید به سرعت متوجه شود که آن فرم چه کاربردی دارد و چه اطلاعاتی میخواهد.
      ویژگی های مورد نیاز برای اینگونه فرم ها عبارتند از:
      • تضاد یا کنتراست: متن ها فرم باید کوتاه و به راحتی قابل خواندن باشند. هرگز از رنگ های مختلف در فرم استفاده نکنید و سعی کنید همان حالت استاندارد و رایج نوشته تیره بر روی زمینه روشن را به کار ببرید.
      • گروه بندی و فاصله گذاری: اطلاعات مشابه را در فرم های طولانی گروه بندی کنید. برای مثال در زمان جمع آوری اطلاعات پرداخت: اطلاعات مربوط به حمل و نقل، آدرس،  کد پستی و ... در یک گروه قرار دهید. فاصله بین برچسب ها و فیلدهای مربوط به آن ها را با دقت قرار دهید تا کاربر به راحتی متوجه شود که کدام برچسب و عنوان متعلق به کدام فیلد میباشد.
      • پایان مشخص: دکمه ثبت یا پایان را به طور مشخص و بزرگ قرار دهید. متن داخل دکمه باید دقیقاً به کاربر بگوید که با فشار دادن آن چه اتفاقی خواهد افتاد مانند کلمه  های ثبت، پرداخت یا مرحله بعد. در صورت انجام عملیات ثبت، حتماً کاربر را از تمام شدن عملیات و ثبت شدن کامل فرم مطلع نمایید.
      قرار دادن برچسب های شناور

        همیشه در مورد اینکه آیا باید از متن های راهنما و کمکی در فیلدهای یک فرم استفاده کرد یا نه بحث های زیادی بوده است. مشکل اصلی استفاده از این متن ها زمانی است که با کلیک کردن بر روی فیلد مورد نظر، متن راهنما همچنان درون فیلد باقی میماند و کاربر برای وارد کردن اطلاعات مجبور به پاک کردن آن میشود.
       اگر نیاز به استفاده از متن و برچسب های راهنما دارید سعی کنید آن ها را به صورت تعاملی و واکنش گرا قرار دهید یعنی با کلیک کردن کاربر برچسب جا بجا شده و به سمت بالا برود. به اینگونه برچسب ها برچسب شناور میگویند. همچنین این حالت حرکت برچسب باعث جلب توجه کاربر و جذابیت هم میشود.
      فرمت گذاری یا ماسک فیلد
      گذاشتن فرمت یا ماسک برای فیلد به این معنی است که در زمان تایپ و وارد کردن اطلاعات توسط کاربر در یک فیلد، آن فیلد به طور خودکار به اطلاعات ورودی کاربر یک فرمت خاص میدهد. برای مثال جدا کردن روز و ماه و سال یا جدا کردن کد منطقه در شماره تلفن و ... به طور خودکار. این کار از بروز خطاهای احتمالی در زمان تایپ جلوگیری کرده و ورود اطلاعات را برای کاربر آسان تر می نماید.
      به مثال زیر توجه نمایید، یک شماره تلفن در فرمت های مختلف:
      • (000) 000-0000
      • 000-000-0000
      •  0000000000
      کاربر میتواند شماره تلفن را به هر 3 مدل بالا وارد کند، چطور باید تشخیص دهد که فرمت درست و مدنظر شما کدام است؟ اینجاست که ماسک فیلد یا همان فرمت گذاری به کمکتان می آید. با استفاده از این ویژگی خود فیلد به طور خودکار کاربر را راهنمایی میکند و کاربر بدون فکر کردن تنها نیاز دارد که شماره را وارد کند. (این کار همچنین باعث راحتی کاربران موبایل میشود چون دیگر نیازی به سوئیچ کردن بین اعداد و نوشته در کیبورد ندارند).
      ایجاد فرم های سازگار با کیبورد
      از آنجایی که نمی دانید کاربر با استفاده از چه دستگاهی اقدام به پر کردن فرم می نماید باید طراحی فرم به گونه ای باشد که چه در موبایل و چه در کامپیوترهای خانگی به راحتی قابل پر کردن باشد. پس با در نظر گرفتن کیبوردهای موجود در دستگاه های مختلف، فیلد های فرم را متناسب با آن ها طراحی نمایید.
      در دسکتاپ، کاربر باید بتواند بدون نیاز به کلیک کردن بر روی هر فیلد، فیلد ها را به ترتیب پر کرده و به طور اتوماتیک با پر کردن فیلد یا فشار دادن دکمه های tabb یا enter ، جلو برود. سایت w3.org مجموعه کاملی از کیبوردها را ارائه کرده است.
      در موبایل، نوع کیبورد را با نوع داده ای که مورد نیاز است هماهنگ تنظیم نمایید. اگر داده ورودی از نوع حروف میباشد، از کیبورد آلفا و برای اعداد از کیبورد  numeric استفاده کنید.
      حالت تشخیص اتوماتیک
      سعی کنید فیلدها را طوری طراحی کنید که در صورت برخورد با کاراکترهای خاص و کلمات مشخص، به کاربر پیشنهاداتی را برای پر کردن فیلد ارائه کنند. درست مانند سیستم جستجوی گوگل که به محض تایپ کردن یک کلمه تعداد زیادی پیشنهاد به کاربر ارائه میکند. مثلاً در فیلد ایمیل به محض تایپ شدن عبارت web@g... ، گزینه web@gmail.com به کاربر ارائه شود.
      مزایای این کار:
      • پر کردن فرم برای کاربر راحتتر میشود به خصوص در موبایل
       • از اشتباهات تایپی کاربر جلوگیری میشود.
      منبع : 7 نکته کاربردی در طراحی فرم های استاندارد
    • توسط iHooMan
      درود و وقت بخیر 
       
      من  توی پروژه ای لازم دارم از فرم وب سایت مبدا وارد یه وب سایت دیگه بشم .
      که دو حالت داره یکی یوزر معمولی - یکی همکار 
      واسه یوزر معمولی فقط کپچا میخواد سایت مقصد  واسه همکار یوزر و پسورد و کپچا 
      من میخوام با یه فرم تو وب سایت خودمون اطلاعات بگیرم پاس بدم توی اون وبسایت نمیخوام اون اطلاعات تو وبسایت مقصد پر بشه ( لوگین توی وب سایت ما انجام بشه بعد به صفحه لوگین شده اونور پاس بده )
      از چی استفاده کنم ajax یا ... ? 
      روند کاریش تو وردپرس کسی میتونه توضیح بده ؟
      پینوشت : وب سایت مقصد از md5.js واسه اینکرپشن دیتا استفاده میکنه . 
       
      سپاس
       
    • توسط newharf
      سلام چطور میتونم همچین فرمی برای دیدگاه های مطالب بسازم
      http://uupload.ir/files/ajsr_untitled-233.jpg
    • توسط Mohammad B2F
      سلام
      تو این مدت که سایت داشتم و کار کردم اصلا سمت فروم برای سایتم نرفتم...
      الان تصمیم گرفتم فروم برای ساتم راه اندازی کنم !
      ولی هیچ اطلاعات و دانشی ازش ندارم...
      یکم سرچ کردم ، اما فهمیدم چندین و چند سیستم مدیریت فروم هست ...
      اما از اونجایی که تجربه ندارم و هیچ شناختی ندارم نیاز به راهنماییتون دارم.
      کدوم سیستم مدیریت فروم رو نصب کنم بهتره ؟
      فکر کنم مهمترین چیزی که نیاز دارم سئوست ...
      بعد از اون هم راحت بودن بخش مدیریت.
      + بعضی از این فروم ها نیاز به لایسنس دارند ! لطفا بفرمایید لایسنیس معتبر از کجا خریداری کنم ؟
    • توسط mrneo8
      با سلام
      می خواستم یه سایت راه بیاندازم که مطالب درسی رو برای رشته های مختلف با دسته بندی داخلش بگذاریم
      مثلا :
      ریاضی
      هنر
      فلسفه
      برا همین هم می خواهم یک فرم ثبت نام درست کنم تا هر فرد ی توش ثبت نام کنه و رشته مورد علاقه اش رو انتخاب کنه
      بعد یه وجهی برا ثبت نام واریز کنه . پس از واریز وجه، فقط مطالب مربوطه اش رو ببینه مثلا مطالب هنر رو.
      مراحل:
      -فرم ثبت نام با قابلیت دسته بندی
      -درگاه واریز وجه متصل به فرم
      -مشاهده مطالب دسته مخصوص به خود
      *عزیزان لطفا راهنمایی کنید چه کنم (صرفا نگید افزونه گرویتی یا اشتراک ویژه)
      *اگر هم انجام می دهید هزینه رو توی خصوصی اعلام کنید