سوال: ارسال فرم در HTML [بایگانی]

mojtaba5

یک شنبه 01 بهمن 1391, 10:55 صبح

من یه فرم ارسال دارم با جاوا هست
میخوام قسمت ارسالش با html باشه

<blockquote>
<p align="right">شما در این قسمت می توانید به صورت مستقیم هرگونه نظرات و انتقادات و پیشنهادات خود را در راستای بهبود کارایی وب سایت نوین نت ا ما در میان بگزارید</p>
<p align="right">ضمنا شما می توانید هر گونه سوال و مشکلات خود را با ما در میان بگزارید</p>
<p align="right">شما عزیزان با استفاده از فرم زیر می توانید با ما در ارتباط باشید</p>
<p align="right"> </p>
<p align="right"> </p>
<fildset >
<legend>تماس با ما </legend>
<table width="408" height="315" border="1" frame="vsides">
<tr>
<td width="195" height="33" align="center"><input type="text" id="name" value="تست"/></td>
<td width="15" align="center">:</td>
<td width="184" align="right">نام</td>
</tr>
<tr>
<td align="center"><input name="text" type="text" id="lname" value="تست" /></td>
<td align="center">:</td>
<td align="right">نام خانوادگی </td>
</tr>
<tr>
<td align="center"><input name="text2" type="text" id="email" value="test@gmail.com" /></td>
<td align="center">:</td>
<td align="right">ایمیل</td>
</tr>
<tr>
<td align="center"><input name="text3" type="text" id="topic" value="انتقاد در مورد سایت"/></td>
<td align="center">:</td>
<td align="right">موضوع</td>
</tr>
<tr>
<td align="center"><input name="text4" type="text" id="mess" value="شما در این قسمت می توانید انتقادات خود را قرار دهید" /></td>
<td align="center">:</td>
<td align="right">انتقادات</td>
</tr>
<tr>
<td align="center"><input name="Reset" type="reset" value="انصراف" /></td>
<td align="center"><p>*</p>
</td>
<td align="center"><input type="submit" value="ارسال" onclick="t()"/></td>
</tr>
<tr>
<td colspan="3"><marquee>نظرات و انتقادات</marquee></td>
</tr>
</table></fildset>

</blockquote>

<table width="409" height="97" border="1">
<tr>
<td align="right" valign="top">
<p>
<script type="text/javascript">
function t()
{
var a=document.getElementById("name").value
var b=document.getElementById("lname").value
var c=document.getElementById("email").value
var d=document.getElementById("topic").value
var e=document.getElementById("mess").value
document.getElementById("txt").innerHTML="فرستنده پیغام : "+a +" " +b
document.getElementById("txt1").innerHTML="ایمیل فرستنده : "+c
document.getElementById("txt2").innerHTML="موضوع ایمیل : "+d
document.getElementById("txt3").innerHTML="متن پیام شما : " +e
}
</script>

2undercover

یک شنبه 01 بهمن 1391, 12:55 عصر

شما باید فیلد ها رو توی تگ فرم قرار بدی تا فرم ارسال بشه!

<blockquote>
<p align="right">شما در این قسمت می توانید به صورت مستقیم هرگونه نظرات و انتقادات و پیشنهادات خود را در راستای بهبود کارایی وب سایت نوین نت ا ما در میان بگزارید</p>
<p align="right">ضمنا شما می توانید هر گونه سوال و مشکلات خود را با ما در میان بگزارید</p>
<p align="right">شما عزیزان با استفاده از فرم زیر می توانید با ما در ارتباط باشید</p>
<p align="right"> </p>
<p align="right"> </p>
<fildset >
<legend>تماس با ما </legend>
<table width="408" height="315" border="1" frame="vsides">
<tr><form method="post" action="contactus.html">
<td width="195" height="33" align="center"><input type="text" id="name" value="تست"/></td>
<td width="15" align="center">:</td>
<td width="184" align="right">نام</td>
</tr>
<tr>
<td align="center"><input name="text" type="text" id="lname" value="تست" /></td>
<td align="center">:</td>
<td align="right">نام خانوادگی </td>
</tr>
<tr>
<td align="center"><input name="text2" type="text" id="email" value="test@gmail.com" /></td>
<td align="center">:</td>
<td align="right">ایمیل</td>
</tr>
<tr>
<td align="center"><input name="text3" type="text" id="topic" value="انتقاد در مورد سایت"/></td>
<td align="center">:</td>
<td align="right">موضوع</td>
</tr>
<tr>
<td align="center"><input name="text4" type="text" id="mess" value="شما در این قسمت می توانید انتقادات خود را قرار دهید" /></td>
<td align="center">:</td>
<td align="right">انتقادات</td>
</tr>
<tr>
<td align="center"><input name="Reset" type="reset" value="انصراف" /></td>
<td align="center"><p>*</p>
</td>
<td align="center"><input type="submit" value="ارسال" onclick="t()"/></td>
</tr></form>
<tr>
<td colspan="3"><marquee>نظرات و انتقادات</marquee></td>
</tr>
</table></fildset>

</blockquote>

<table width="409" height="97" border="1">
<tr>
<td align="right" valign="top">
<p>
<script type="text/javascript">
function t()
{
var a=document.getElementById("name").value
var b=document.getElementById("lname").value
var c=document.getElementById("email").value
var d=document.getElementById("topic").value
var e=document.getElementById("mess").value
document.getElementById("txt").innerHTML="فرست نده پیغام : "+a +" " +b
document.getElementById("txt1").innerHTML="ایم� �ل فرستنده : "+c
document.getElementById("txt2").innerHTML="موض� �ع ایمیل : "+d
document.getElementById("txt3").innerHTML="متن پیام شما : " +e
}
</script>

mojtaba5

یک شنبه 01 بهمن 1391, 13:11 عصر

شما باید فیلد ها رو توی تگ فرم قرار بدی تا فرم ارسال بشه!

<blockquote>
<p align="right">شما در این قسمت می توانید به صورت مستقیم هرگونه نظرات و انتقادات و پیشنهادات خود را در راستای بهبود کارایی وب سایت نوین نت ا ما در میان بگزارید</p>
<p align="right">ضمنا شما می توانید هر گونه سوال و مشکلات خود را با ما در میان بگزارید</p>
<p align="right">شما عزیزان با استفاده از فرم زیر می توانید با ما در ارتباط باشید</p>
<p align="right"> </p>
<p align="right"> </p>
<fildset >
<legend>تماس با ما </legend>
<table width="408" height="315" border="1" frame="vsides">
<tr><form method="post" action="contactus.html">
<td width="195" height="33" align="center"><input type="text" id="name" value="تست"/></td>
<td width="15" align="center">:</td>
<td width="184" align="right">نام</td>
</tr>
<tr>
<td align="center"><input name="text" type="text" id="lname" value="تست" /></td>
<td align="center">:</td>
<td align="right">نام خانوادگی </td>
</tr>
<tr>
<td align="center"><input name="text2" type="text" id="email" value="test@gmail.com" /></td>
<td align="center">:</td>
<td align="right">ایمیل</td>
</tr>
<tr>
<td align="center"><input name="text3" type="text" id="topic" value="انتقاد در مورد سایت"/></td>
<td align="center">:</td>
<td align="right">موضوع</td>
</tr>
<tr>
<td align="center"><input name="text4" type="text" id="mess" value="شما در این قسمت می توانید انتقادات خود را قرار دهید" /></td>
<td align="center">:</td>
<td align="right">انتقادات</td>
</tr>
<tr>
<td align="center"><input name="Reset" type="reset" value="انصراف" /></td>
<td align="center"><p>*</p>
</td>
<td align="center"><input type="submit" value="ارسال" onclick="t()"/></td>
</tr></form>
<tr>
<td colspan="3"><marquee>نظرات و انتقادات</marquee></td>
</tr>
</table></fildset>

</blockquote>

<table width="409" height="97" border="1">
<tr>
<td align="right" valign="top">
<p>
<script type="text/javascript">
function t()
{
var a=document.getElementById("name").value
var b=document.getElementById("lname").value
var c=document.getElementById("email").value
var d=document.getElementById("topic").value
var e=document.getElementById("mess").value
document.getElementById("txt").innerHTML="فرست نده پیغام : "+a +" " +b
document.getElementById("txt1").innerHTML="ایم� �ل فرستنده : "+c
document.getElementById("txt2").innerHTML="موض� �ع ایمیل : "+d
document.getElementById("txt3").innerHTML="متن پیام شما : " +e
}
</script>
منظورمو درست متوجه نشدید
اصلا از جاوا برای ارسال نمیخوام استفاده بشه.

امید امرایی

یک شنبه 01 بهمن 1391, 15:45 عصر

سلام دوست عزیز،

ابتداعا "جاوااسکریپت " نه "جاوا"

اما لازمه کل المنت های ورودی رو توی یه فرم قرار بدید

<form method="post">
<table width="408" height="315" border="1" frame="vsides">
<tr><form method="post" action="contactus.html">
<td width="195" height="33" align="center"><input type="text" id="name" value="تست"/></td>
<td width="15" align="center">:</td>
<td width="184" align="right">نام</td>
</tr>
<tr>
<td align="center"><input name="text" type="text" id="lname" value="تست" /></td>
<td align="center">:</td>
<td align="right">نام خانوادگی </td>
</tr>
<tr>
<td align="center"><input name="text2" type="text" id="email" value="test@gmail.com" /></td>
<td align="center">:</td>
<td align="right">ایمیل</td>
</tr>
<tr>
<td align="center"><input name="text3" type="text" id="topic" value="انتقاد در مورد سایت"/></td>
<td align="center">:</td>
<td align="right">موضوع</td>
</tr>
<tr>
<td align="center"><input name="text4" type="text" id="mess" value="شما در این قسمت می توانید انتقادات خود را قرار دهید" /></td>
<td align="center">:</td>
<td align="right">انتقادات</td>
</tr>
<tr>
<td align="center"><input name="Reset" type="reset" value="انصراف" /></td>
<td align="center"><p>*</p>
</td>
<td align="center"><input type="submit" value="ارسال" onclick="t()"/></td>
</tr></form>
<tr>
<td colspan="3"><marquee>نظرات و انتقادات</marquee></td>
</tr>
</table></fildset>
</form>

mojtaba5

یک شنبه 01 بهمن 1391, 16:28 عصر

سلام دوست عزیز،

ابتداعا "جاوااسکریپت " نه "جاوا"

اما لازمه کل المنت های ورودی رو توی یه فرم قرار بدید

<form method="post">
<table width="408" height="315" border="1" frame="vsides">
<tr><form method="post" action="contactus.html">
<td width="195" height="33" align="center"><input type="text" id="name" value="تست"/></td>
<td width="15" align="center">:</td>
<td width="184" align="right">نام</td>
</tr>
<tr>
<td align="center"><input name="text" type="text" id="lname" value="تست" /></td>
<td align="center">:</td>
<td align="right">نام خانوادگی </td>
</tr>
<tr>
<td align="center"><input name="text2" type="text" id="email" value="test@gmail.com" /></td>
<td align="center">:</td>
<td align="right">ایمیل</td>
</tr>
<tr>
<td align="center"><input name="text3" type="text" id="topic" value="انتقاد در مورد سایت"/></td>
<td align="center">:</td>
<td align="right">موضوع</td>
</tr>
<tr>
<td align="center"><input name="text4" type="text" id="mess" value="شما در این قسمت می توانید انتقادات خود را قرار دهید" /></td>
<td align="center">:</td>
<td align="right">انتقادات</td>
</tr>
<tr>
<td align="center"><input name="Reset" type="reset" value="انصراف" /></td>
<td align="center"><p>*</p>
</td>
<td align="center"><input type="submit" value="ارسال" onclick="t()"/></td>
</tr></form>
<tr>
<td colspan="3"><marquee>نظرات و انتقادات</marquee></td>
</tr>
</table></fildset>
</form>

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

Mohsen.

یک شنبه 01 بهمن 1391, 16:58 عصر

خب وفتی شما عناصر رو داخل تگ form میزارید همون طور که میبینید یک خصوصیت به اسم action داره. این خصوصیت میگه اگه کاربر دکمه Submit رو زد اطلاعات فرم به کدوم صفحه ارسال بشه.
مثلا در کد بالا به صفحه contactus.html ارسال میشه. خوب حالا شما میتونید با استفاده از یک زبان سمت سرور مثل PHP و ASP.NET در صفحه contactus.html با اطلاعات فرم هرکاری میخواید انجام بدید.
البته باید فرمت صفحه عوض بشه مثلا برای PHP بشه contactus.php

امید امرایی

یک شنبه 01 بهمن 1391, 19:03 عصر

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

ارسال اطلاعات یعنی ارسال اونها به یک صفحه دیگه و یا همین صفحه جاری، از طریق URL و یا بدنه مرورگر. کدی که شما دارید چیزی رو ارسال نمی کنه بلکه فقط اونها رو به صورت متنی نمایش می ده.
در خصوص نحوه پردازش اطلاعات ارسال شده هم دوستمون Mohsen (http://barnamenevis.org/member.php?178392-Mohsen.) توضیح دادن

mojtaba5

یک شنبه 01 بهمن 1391, 21:55 عصر

ارسال اطلاعات یعنی ارسال اونها به یک صفحه دیگه و یا همین صفحه جاری، از طریق URL و یا بدنه مرورگر. کدی که شما دارید چیزی رو ارسال نمی کنه بلکه فقط اونها رو به صورت متنی نمایش می ده.
در خصوص نحوه پردازش اطلاعات ارسال شده هم دوستمون Mohsen (http://barnamenevis.org/member.php?178392-Mohsen.) توضیح دادن
بله منظور منم همین بود که متن رو فقط پایینش نمایش بده
با HTML چنین چیزی امکان داره؟

2undercover

دوشنبه 02 بهمن 1391, 14:24 عصر

HTML اصلا زبان برنامه نویسی نیست که بخواد کاری رو انجام بده (HTML یک زبان نشانه گذاری است!) و شما باید از PHP یا JavaScript استفاده کنید که وقتی از PHP استفاده می کنید چون سمت سرور هست باید بره توی سرور اجرا بشه و نتیجه نمایش داده بشه که برای این کارساده شما نیازی نیست و شما حتما باید از جاوا اسکریپت استفاده کنید...

mojtaba5

سه شنبه 03 بهمن 1391, 13:41 عصر

سلام دوست عزیز،

ابتداعا "جاوااسکریپت " نه "جاوا"

اما لازمه کل المنت های ورودی رو توی یه فرم قرار بدید

<form method="post">
<table width="408" height="315" border="1" frame="vsides">
<tr><form method="post" action="contactus.html">
<td width="195" height="33" align="center"><input type="text" id="name" value="تست"/></td>
<td width="15" align="center">:</td>
<td width="184" align="right">نام</td>
</tr>
<tr>
<td align="center"><input name="text" type="text" id="lname" value="تست" /></td>
<td align="center">:</td>
<td align="right">نام خانوادگی </td>
</tr>
<tr>
<td align="center"><input name="text2" type="text" id="email" value="test@gmail.com" /></td>
<td align="center">:</td>
<td align="right">ایمیل</td>
</tr>
<tr>
<td align="center"><input name="text3" type="text" id="topic" value="انتقاد در مورد سایت"/></td>
<td align="center">:</td>
<td align="right">موضوع</td>
</tr>
<tr>
<td align="center"><input name="text4" type="text" id="mess" value="شما در این قسمت می توانید انتقادات خود را قرار دهید" /></td>
<td align="center">:</td>
<td align="right">انتقادات</td>
</tr>
<tr>
<td align="center"><input name="Reset" type="reset" value="انصراف" /></td>
<td align="center"><p>*</p>
</td>
<td align="center"><input type="submit" value="ارسال" onclick="t()"/></td>
</tr></form>
<tr>
<td colspan="3"><marquee>نظرات و انتقادات</marquee></td>
</tr>
</table></fildset>
</form>

این کدی که گذاشتید صحیح هست
اما میخوام جاوااسکریپت هم که توی پست 1 گذاشتم بهش وصل بشه تا متن ارسال رو همون پایین نشون بده.

2undercover

سه شنبه 03 بهمن 1391, 15:20 عصر

دقت کنید وقتی با HTML فرم رو ارسال می کنید صفحه مجددا بارگذاری میشه و اون کد جاوااسکریپت اجرا نمیشه و اگر هم نمی خواید صفحه بارگذاری بشه باید از Ajax استفاده کنید که کار سخت میشه!

mojtaba5

سه شنبه 03 بهمن 1391, 17:06 عصر

دقت کنید وقتی با HTML فرم رو ارسال می کنید صفحه مجددا بارگذاری میشه و اون کد جاوااسکریپت اجرا نمیشه و اگر هم نمی خواید صفحه بارگذاری بشه باید از Ajax استفاده کنید که کار سخت میشه!
اجرا میشه
کدی که توی پست 1 گذاشتم رو تست کنید.

2undercover

سه شنبه 03 بهمن 1391, 18:47 عصر

منظورم از اجرا نشدن اینه که فرصتی نیست که کاربر اونو بینه بلکه بعد از ثبت فرم مرورگر به صفحه انتقالی فرم میره!

mojtaba5

سه شنبه 03 بهمن 1391, 21:49 عصر

منظورم از اجرا نشدن اینه که فرصتی نیست که کاربر اونو بینه بلکه بعد از ثبت فرم مرورگر به صفحه انتقالی فرم میره!
پس چطور بود که در پست 1 با اون کد و جاوا اسکریپت متن ارسال میشد و مرورگر اونو نشون میداد؟

2undercover

چهارشنبه 04 بهمن 1391, 13:53 عصر

در پست 1 اصلا فرم ارسال نمیشه و فقط کاربر می تونه متنی رو که وارد کنه ببینه در واقع شما فقط متن ورودی رو بهش نمایش دادین و کار خاصی روی اطلاعات انجام نداید!

atashboy69

یک شنبه 22 بهمن 1391, 19:44 عصر

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

2undercover

یک شنبه 22 بهمن 1391, 20:18 عصر

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

فرمتون به اون صفحه ای که توی خصوصیت action فرمتون معلوم کردین ارسال میشه:
<form action="آدرس صفحه مورد نظر" >