سعید شعبانی

کار کردن با فرم ها

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

سلام

در این تاپیک من چند مطلب در مورد فرم ها می خواهم بدونم

1- چجوری یک متن را می توان در یک فرم قرار داد "مانند فرم جستجوی همین انجمن" تا زمانی که متنی را در فرم نوشته نشده است کلمه جستجو پیدا باشد و بعد از پاک کردن متن نیز دوباره کلمه پیدا شود.

2- چگونه دکمه جلوی فرم را به داخل فرم بیاوریم؟

3- برای فرم هایی که قبلا متن هایی را در آن وارد کرده ایم چگونه استایل مشخصی قرار دهیم؟

0

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


لینک به پست

1- بکمک جاوااسکریپت میشه. در html5 هم این خاصیت پیش فرض وجود داره.

<input type="text" name="s" id="search-input" value="جستجو کنید..." onclick="this.value = ''" onblur="this.value = 'جستجو کنید...'"/>

2- با استایل و margin منفی دادن اینکار انجام میشه.

3- متوجه نشدم! بیشتر توضیح بدید

2

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


لینک به پست

ارسال شده در (ویرایش شده)

1- بکمک جاوااسکریپت میشه. در html5 هم این خاصیت پیش فرض وجود داره.

<input type="text" name="s" id="search-input" value="جستجو کنید..." onclick="this.value = ''" onblur="this.value = 'جستجو کنید...'"/>

من از این کد در بخش نظرات پستها استفاده کردم ولی مشکلی که وجود داره این هست که زمانی که در فرم ها متنی رو می نویسم بعد از خروج از فرم متن دوباره به متن پیش فرض تغییر پیدا می کند.

نمونه : http://dnoj.ir/post/%D8%A8%D8%A7-%DA%A9%DB%8C%D9%88%D8%A8%D9%84%D8%AA-%D9%87%D8%A7-%D8%B1%D8%A8%D8%A7%D8%AA-%D8%AE%D9%88%D8%AF%D8%AA%D8%A7%D9%86-%D8%B1%D8%A7-%D8%A8%D8%B3%D8%A7%D8%B2%DB%8C%D8%AF.html

3- متوجه نشدم! بیشتر توضیح بدید

مانند این تصویر post-412-0-93845700-1357037915_thumb.png

ویرایش شده در توسط سعید شعبانی
0

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


لینک به پست

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

0

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


لینک به پست
بنظر از مرورگر هست من مشکلی ندیدم!

من با ie هم چک کردم مشکل داره منظور من بخش نظرات هست نه جستجو !

0

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


لینک به پست

به اینصورت تست کنید:

<input type="text" name="s" id="search-input" value="جستجو کنید..." onclick="this.value = ''"/>

2

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


لینک به پست

ارسال شده در (ویرایش شده)

درست شد. فقط در بخش متن نظرات هم من از همین کد استفاده کردم ولی برای اون تا زمانی که کلیک در فرم نکنم نوشته پیشفرض نشون داده نمیشه و البته بعصی از مواقع هم نوشته ای که می نویسم پاک میشه!

این هم کدش


<textarea name="comment" value="نظر شما چیست" onclick="this.value = ''" class="textarea" rows="10" cols="50" tabindex="4"></textarea>

بروز شده :


placeholder="your text"

آقا مرتضی این کد رو همین الان از سایت css-tricks.com پیدا کردم. با این کد دیگه لازم به استفاده از کد های بالا نیست.

ویرایش شده در توسط سعید شعبانی
0

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


لینک به پست

این کد پیش فرض برای html5 هست و در مرورگرهایی که html5 ساپورت نیستن کلا کار نمیکنه.

1

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


لینک به پست

این کد پیش فرض برای html5 هست و در مرورگرهایی که html5 ساپورت نیستن کلا کار نمیکنه.

کدوم ورژن مرورگر ها از html5 پشتیبانی می کند؟

0

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


لینک به پست

بجز نسخه های 10 به پایین ie بقیه همه پشتیبانی میکنن

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط vazizi69@yahoo.com
      سلام ممنون میشم اگر منو راهنمایی کنید 
      من تو سایت وردپرسی میخوام صفحه ای داشته باشم که یک url جستجو داشته باشه و وقتی کد محصول رو اونجا وارد کردم 
      در همان صفحه زیر ادرس بار محصول رو به صورت باز شده نشون بده 
      یعنی مستقیم به داخل صفحه محصول که کدش رو زدم بره و دکمه خرید داشته باشه 
      با هر افزونه جستجو که انجام میدم یا کلی مطالب و محصول مرتبط رو به صورت لیست نشون میده 
       لینک نمونه صفحه ای که میخوام داشته باشم 
      https://digikatoni.ir/single-checkout/
    • توسط masoudmosleh267
      سلام دوستان. من میخوام تو قسمت فرم ثبت نام سایتم، زمانی که کاربر یوزرنیم تکراری زد ارور بده. الان زمانی که یوزر تکراری وارد شه، فیلد ایمیل زرد میشه و صفحه همونطوری میمونه و اتفاقی رخ نمیده و کاربر نمیفهمه چی شده.
      بعد میخوام قسمت ورودی رمز عبور کاربر محدودیت حداقل 6 کاراکتر ایجاد شه که در غیر این صورت ارور بده.
      فیلد ایمیل هم اخطار بده که این ایمیل قبلا ثبت نام شده. در واقع هیج اروری نمیده. و بگه که آدرس ایمیل باید معتبر باشد و در غیر این صورت ارور بده. الان هرچی بزنم ثبت نام میشه فقط نباید تکراری باشه.
      الان یه سری ارور زیر فیلد ها تعریف کردم ولی همیشه این ارور ها هست و زمانه که فیلدی اشتباه باشه بجای اینکه ارور ظاهر شه، میره.
       
      این یه سری از کدای فایل هست:
      <form method="post" id="userRegistration">
                                          <div class="form-group">
                                              <input type="hidden"  class="referer" value="<?php echo wp_get_referer() ?: get_home_url()  ?> ">
                                          </div>
                                          <?php
                                          if(function_exists('wp_nonce_field')){
                                              echo '<div class="form-group">';
                                              wp_nonce_field('user_registration_action', 'user_registration_nonce');
                                              echo '</div>';
                                          }
                                          ?>
                                          
                                          <div class="form-group">
                                              <label for="register_username" class="control-label"><?php esc_html_e('Username', Khadamaator::NAME); ?></label>
                                              <input type="text" name="register_username" id="register_username" class="form-control username" aria-describedby="register_username_help_block">
                                              <span id="username_help_block" class="help-block">نام کاربری باید لاتین باشد.</span>
                                          </div>
                                          <div class="form-group">
                                              <label for="register_password" class="control-label"><?php esc_html_e('Password', Khadamaator::NAME); ?></label>
                                              <input type="password" name="register_password" id="register_password" class="form-control password" aria-describedby="register_password_help_block">
                                              <span id="password_help_block" class="help-block">رمز عبور باید حداقل 6 کاراکتر باشد.</span>
                                          </div>
                                          <div class="form-group">
                                              <label for="register_email" class="control-label"><?php esc_html_e('Email', Khadamaator::NAME); ?></label>
                                              <input type="text" name="register_email" id="register_email" class="form-control email" aria-describedby="register_email_help_block">
                                              <span id="email_help_block" class="help-block">هر ایمیل تنها یکبار میتواند ثبت شود.</span>
                                          </div>
                                          <button type="submit" class="btn btn-sm btn-primary" data-loading-text="<i class='fa fa-spinner fa-spin '></i> در حال ارتباط" ><?php esc_html_e('Signup', Khadamaator::NAME); ?></button>
                                      </form>
    • توسط حامد قاسمی
      سلام 
      من مبخوام در یکی از بخش های صفحات سایت فرمی ایجاد کنم که کاربر بتونه متنی رو بنویسه و به ایمیل تعیین شده ارسال کنه 
      برای این کار افزونه Contact Form 7 رو انتخاب کردم 
      میخوام در ایمیلی که ارسال میشه همراه متن کاربر (و ترجیا بدون اینکه کاربر ببینه) آدرس صفجه ای که فرم درش کلیک شده  هم ارسال بشه 
       
      امکانش هست ؟ 
      و اگر نیست راهکار جایگزینی دارید دوستان؟
    • توسط madidi
      سلام 
      آیا افزونه ای میشناسید که بشه باهاش یه فرم ساخت و وقتی کاربر فرم پر و ارسال کرد 
      بصورت اتوماتیک به عنوان مقاله ارسال بشه یا در پیش نویس در دسته خاصی ذخیرش کنه؟
    • توسط 3ngineer
      وقت بخیر 
      دوستان چطور میشه برای فرم های داخل سایت محدوده زمانی تعیین کرد؟ حالا یا با افزونه یا با کد
      مثلا یه مدتی شرکت میخاد نیرو بگیره و فرم باید فعال باشه ولی بعد از آن مدت دیگه فرم نمایش داده نشه.
      با تشکر