کمک در مورد یک فرم

واضح آرشیو وب فارسی:سایت ریسک: amin200026-07-2008, 10:40 AMسلام من این فرم رو تحیه کردم اما نتونتستم عکس های دور و بر و بالا رو بردارم میخوام یه فرم ساده باشه و وقتی روی سامبیت کلیک میکنم جواب ها این فرم بیاد به ایمیلم ممنون <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Wufoo : order خرید </title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" />  <style type="text/css"> /* - - - - - - - - - - - - - - - - - - - - - Title : Wufoo Form Structure Author : Infinity Box Inc. URL : http://wufoo.com Last Updated : September 30, 2007 - - - - - - - - - - - - - - - - - - - - - */ body{ background:#eee; margin:7px 0 15px 0; text-align:center; font-size:small; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; } #container{ text-align:left; background:#fff; } #container, #top, #bottom, #footer{ margin:0 auto; width:640px; } #top, #bottom{ width:650px; height:10px !important; display:block !important; } #top{ margin-top:10px; } form.wufoo{ margin:20px 20px 0 20px; padding:0 0 20px 0; } /* ----- LOGO ----- */ h1{ margin:0; padding:0; min-height:0; background-color:#dedede; text-indent:-9000px; text-decoration:none; } h1 a{ height:100%; min-height:40px; height:40px; display:block; background:url(/images/wflogo.png) no-repeat left top; overflow:hidden; } * html h1 a{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/images/wflogo.png", sizingMethod="crop"); } img { behavior: url(/images/iepngfix.htc); border:none; } .hide{ display:none !important; } /* - - - - - - - - - - - - - - - - - - - - - Title : Wufoo Form Foundation Author : Infinity Box Inc. URL : http://wufoo.com Last Updated : November 13, 2007 - - - - - - - - - - - - - - - - - - - - - */ .wufoo{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; font-size:small; } .wufoo li{ width:62%; } form ul{ margin:0; padding:0; list-style-type:none; width:100%; font-size:100%; } form li{ margin:0; padding:4px 5px 2px 9px; position:relative; clear:both; } form li:after, .buttons:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } form li, .buttons{display: inline-block;} * html form li, * html .buttons{height: 1%;} form li, .buttons{display: block;} * html form li div{ display:inline-block; } form li div, form li span{ margin:0 4px 0 0; padding:0 0 8px 0; color:#444; } form li span{ float:left; } form li div.address{ padding-bottom:0; } form li div.left{ display:inline; float:left; width:47%; } form li div.right{ display:inline; float:right; width:47%; } .clear{ clear:both !important; } /* ----- INFO ----- */ .info{ display:inline-block; clear:both; border-bottom:1px dotted #ccc; margin:0 0 1em 0; } .info[class]{ display:block; } .info h2{ font-weight:normal; font-size:160%; margin:0 0 3px 0; clear:left; } .info p{ font-size:95%; line-height:135%; margin:0 0 12px 0; } /* ----- SECTIONS ----- */ form hr{ display:none; } form li.section{ border-top:1px dotted #ccc; margin-top:9px; padding-top:13px; padding-bottom:0px; padding-left:9px; width:97% !important; } form ul li.first{ border-top:none !important; margin-top:0px !important; padding-top:0px !important; } form .section h3{ font-weight:normal; font-size:110%; line-height:135%; margin:0 0 2px 0; } form .section p{ font-size:85%; margin:0 0 10px 0; } /* ----- FIELDS AND LABELS ----- */ label.desc{ line-height:150%; padding:0 0 1px 0; border:none; color:#222; display:block; font-size:95%; font-weight:bold; } form li div label, form li span label{ margin:0; padding-top:3px; clear:both; font-size:9px; line-height:9px; color:#444; display:block; } input.text, input.file, textarea.textarea, select.select{ margin:0; font-size:100%; color:#333; } input.text, textarea.textarea, .firefox select.select{ border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(/images/fieldbg.gif) repeat-x top; } input.text, input.file{ padding:2px 0 2px 0; } label.choice{ font-size:100%; display:block; line-height:1.5em; margin:-1.65em 0 0 25px; padding:.44em 0 .5em 0; color:#222; width:90%; display:block; } input.checkbox, input.radio{ display:block; line-height:1.5em; margin:.6em 0 0 3px; width:13px; height:13px; } textarea.textarea{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; } select.select{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; margin:1px 0; padding:1px 0 0 0; } select.select[class]{ margin:0; padding:1px 0 1px 0; } *:first-child+html select.select[class]{ margin:1px 0; } .safari select.select{ margin-bottom:1px; font-size:120% !important; } span.symbol{ font-size:115%; line-height:130%; } form li .datepicker{ float:left; margin:.1em 5px 0 0; padding:0; width: 16px; height: 16px; cursor:pointer !important; } /* ----- BUTTONS ----- */ input.btTxt{ padding:0 7px; width:auto; overflow:visible; } .buttons{ clear:both; margin-top:10px; } .buttons input{ font-size:120%; margin-right: 5px; } /* ----- TEXT DIRECTION ----- */ .rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt{ direction:rtl; } /* ----- SIZES ----- */ .third{ width:32% !important; } .half{ width:48% !important; } .full{ width:100% !important; } input.small, select.small{ width:25%; } input.medium, select.medium{ width:50%; } input.large, select.large, textarea.textarea{ width:100%; } textarea.small{ height:5.5em; } textarea.medium{ height:10em; } textarea.large{ height:20em; } /* ----- ERRORS ----- */ #errorLi{ width:99%; margin:0 auto; background:#fff; border:1px dotted red; margin-bottom:1em; text-align:center; padding-top:4px; padding-left:0px; padding-right:0px; } #errorMsgLbl{ margin:7px 0 5px 0; padding:0; font-size:125%; color:#DF0000; } #errorMsg{ margin:0 0 .8em 0; color:#000; font-size:100%; } #errorMsg strong{ background-color: #FFDFDF; padding:2px 3px; color:red; } form li.error{ display:block !important; background-color: #FFDFDF !important; margin:3px 0; } form li.error label{ color:#DF0000 !important; } form p.error{ display:none; color:red; font-weight:bold; font-size:10px; margin:-2px 0 5px 0; clear:both; } form li.error p.error{ display:block; } .leftLabel p.error, .rightLabel p.error{ margin-left:30%; padding-left:15px; } .noI .leftLabel p.error, .noI .rightLabel p.error{ margin-left:35%; padding-left:15px; } /* ----- REQUIRED ----- */ form .req{ float:none; color:red !important; font-weight:bold; margin:0; } /* ----- INSTRUCTIONS ----- */ form li.focused{ background-color:#fff7c0; } form .instruct{ position:absolute; top:0; left:100%; z-index:1000; width:42%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #e6e6e6; background:#f5f5f5; line-height:130%; font-size:80%; color:#444; visibility:hidden; } form .instruct small{ font-size:105%; } form li.focused .instruct, form li:hover .instruct{ visibility:visible; } /* ----- ALT INSTRUCTIONS ----- */ li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{ visibility:visible; position:static; margin:-2px 0 0 0; padding:0 0 7px 0; background:none; border:none; width:100%; font-size:9px; clear:left; } /* ----- LABEL LAYOUT ----- */ .leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{ width:74% !important; padding-top:9px; } .leftLabel .small, .rightLabel .small{ width:17%; } .leftLabel .medium, .rightLabel .medium{ width:35%; } .leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address{ width:64%; } .leftLabel .choice, .rightLabel .choice{ display:block; width:250px; } * html .leftLabel .small, * html .rightLabel .small{ width:23%; } * html .leftLabel .medium, * html .rightLabel .medium{ width:55%; } * html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea{ width:97%; } .leftLabel label.desc, .rightLabel label.desc{ float:left; width:30%; margin:2px 15px 0 0; } .rightLabel label.desc{ text-align:right; } .leftLabel .address, .rightLabel .address{ float:left; } .leftLabel p.instruct, .rightLabel p.instruct{ width:27%; margin-left:5px; } .leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{ margin-left:30% !important; padding-left:15px; width:65%; } .leftLabel .buttons, .rightLabel .buttons{ margin-left:15px; } .leftLabel .buttons input, .rightLabel .buttons input{ margin-left:30%; } /* ----- NO INSTRUCTIONS ----- */ .noI .instruct{ display:none !important; } .noI form li, .noI form li.buttons{ width:97% !important; } .noI form li.section{ padding-left:9px !important; } /* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */ .noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address{ width:60%; } .noI .leftLabel .choice, .noI .rightLabel .choice{ display:block; width:320px; } * html .noI .leftLabel .small, * html .noI .rightLabel .small{ width:23%; } * html .noI .leftLabel .medium, * html .noI .rightLabel .medium{ width:55%; } * html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{ width:97%; } .noI .leftLabel label.desc, .noI .rightLabel label.desc{ width:35%; } .noI .leftLabel .buttons input, .noI .rightLabel .buttons input{ margin-left:35%; } /* ----- FIELD FLOATING ----- */ form li.leftHalf, form li.rightHalf{ width:46% !important; } li.leftHalf{ clear:left; float:left; } li.rightHalf{ clear:none; float:right; } li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small{ width:100%; } </style> </head> <body> <div id="container"> <h1><a href="">order خرید</a></h1> <form class="wufoo topLabel" enctype="multipart/form-data" method="post" action=""> <div class="info"> <h2>order خرید</h2> <p>خرید ویبولیتین از ما</p> </div> <ul> <li id="fo1li7" class=" " > <label class="desc" id="title7" for="Field 7"> نام و نام خانوادگی <span id="req_7" class="req">*</span> </label> <div> <input id="Field 7" class="field text large" name="Field 7" tabindex="1" type="text" maxlength="255" value="" /> </div> </li><li id="fo1li8" class=" " > <label class="desc" id="title8" for="Field 8"> ایمیل <span id="req_8" class="req">*</span> </label> <div> <input id="Field 8" class="field text large" name="Field 8" tabindex="2" type="text" maxlength="255" value="" /> </div> <p class="instruct " id="instruct8"><small>ایمیلی که با آن در انجمن عضو هستید</small></p> </li><li id="fo1li9" class=" " > <label class="desc" id="title9" for="Field 9"> نام کاربری <span id="req_9" class="req">*</span> </label> <div> <input id="Field 9" class="field text large" name="Field 9" tabindex="3" type="text" maxlength="255" value="" /> </div> <p class="instruct " id="instruct9"><small>نام کاربری که با آن در انجمن عضو هستید</small></p> </li><li class=" " id="fo1li113" > <label class="desc" id="title113"> خرید یا تمدید لیسانس <span id="req_113" class="req">*</span> </label> <span> <input id="radioDefault_113" name="Field 113" type="hidden" value=""/> <input id="Field 113_0" name="Field 113" class="field radio" type="radio" tabindex="4" value="لیسانس یک ساله 120.000 تومان" /> <label class="choice" for="Field 113_0">لیسانس یک ساله 120.000 تومان</label> <input id="Field 113_1" name="Field 113" class="field radio" type="radio" tabindex="5" value="تمدید لیسانس مادام العمر 80.000 تومان" /> <label class="choice" for="Field 113_1">تمدید لیسانس مادام العمر 80.000 تومان</label> <input id="Field 113_2" name="Field 113" class="field radio" type="radio" tabindex="6" value="تمدید لیسانس یک ساله 120.000 تومان" /> <label class="choice" for="Field 113_2">تمدید لیسانس یک ساله 120.000 تومان</label> <input id="Field 113_3" name="Field 113" class="field radio" type="radio" tabindex="7" value="لیسانس مادام العمر 200.000 تومان" /> <label class="choice" for="Field 113_3">لیسانس مادام العمر 200.000 تومان</label> </span> <p class="instruct " id="instruct113"><small>نوع لیسانس</small></p> </li><li class=" " id="fo1li127" > <label class="desc" id="title127"> بسته های اضافی(اختیاری) </label> <span> <input id="Field 127" name="Field 127" class="field checkbox" type="checkbox" value="بسته فارسی ساز قدرتمند -------.ir" tabindex="8" /> <label class="choice" for="Field 127">بسته فارسی ساز قدرتمند -------.ir</label> <input id="Field 128" name="Field 128" class="field checkbox" type="checkbox" value="درخواست نصب یا ارتقا وی بی" tabindex="9" /> <label class="choice" for="Field 128">درخواست نصب یا ارتقا وی بی</label> <input id="Field 129" name="Field 129" class="field checkbox" type="checkbox" value="درخواست نصب و فارسی سازی قالب" tabindex="10" /> <label class="choice" for="Field 129">درخواست نصب و فارسی سازی قالب</label> <input id="Field 130" name="Field 130" class="field checkbox" type="checkbox" value="vb blog" tabindex="11" /> <label class="choice" for="Field 130">vb blog</label> <input id="Field 131" name="Field 131" class="field checkbox" type="checkbox" value="vb project" tabindex="12" /> <label class="choice" for="Field 131">vb project</label> </span> </li><li id="fo1li229" class="section " > <h3 id="title229">قیمت ها به هزار تومان</h3> <p id="instruct229">بسته فارسی ساز قدرتمند - 10-<br /> درخواست نصب یا ارتقا وی بی -20 - <br /> درخواست نصب و فارسی سازی قالب - -20<br /> vb blog -70-<br /> vb project -70-</p> </li><li class=" " id="fo1li228" > <label class="desc" id="title228"> تغیر سایر انجمن ها به وی بی--------- 20 هزار تومان </label> <span> <input id="radioDefault_228" name="Field 228" type="hidden" value=""/> <input id="Field 228_0" checked="checked" name="Field 228" class="field radio" type="radio" tabindex="13" value="phpbb" /> <label class="choice" for="Field 228_0">phpbb</label> <input id="Field 228_1" name="Field 228" class="field radio" type="radio" tabindex="14" value="smf" /> <label class="choice" for="Field 228_1">smf</label> <input id="Field 228_2" name="Field 228" class="field radio" type="radio" tabindex="15" value="mybb" /> <label class="choice" for="Field 228_2">mybb</label> </span> </li><li class=" " id="fo1li232" > <label class="desc" id="title232" for="Field 232"> پشتیبانی فنی </label> <div> <select class="field select medium" id="Field 232" name="Field 232" tabindex="16" > <option value=" ماهه12 + 1 ماه رایگان" selected="selected"> ماهه12 + 1 ماه رایگان</option> <option value="6 ماهه" >6 ماهه</option> <option value="1 ماهه" >1 ماهه</option> </select> </div> <p class="instruct " id="instruct232"><small> ماهه 12 چهل هزار تومان<br /> ماهه 6 بیست و پنج هزار تومان<br /> ماهه 1 پنج هزار تومان</small></p> </li><li class="buttons"> <input id="saveForm" class="btTxt" type="submit" tabindex="17" value="Submit" /> </li> </ul> </form> </div> </body> </html> tabriz-info26-07-2008, 12:36 PMاگر تو انجمن دینامیک مطرح میکردید زودتر به جواب میرسیدید MATRIX reloaded26-07-2008, 09:37 PMفکر کنم اینم تو انجمن دینامیک مطرح کرده اینطور نیست؟ MATRIX reloaded27-07-2008, 05:25 AMاین صفحه html خیلی طولانیه ولی من تو یکی از تاپیک ها این کارو کردم می تونی از این با کمی تغییر استفاده کنی . برو به آدرس: !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 313]