Форум Сайтостроение Веб-строительство

HTML обратная связь

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
686

Почему когда нажимаешь по полю, текст не пропадает? 

                            <div class="contact-form-holder">

                            	<form id="contact-form" />

                                	<div class="form-input-half-left form-input-border">

                                    	<div class="form-input-background opacity_2"></div>

                                    	<input id="Your Name" type="text" name="Your Name" value="Your Name*" />

                                    </div>

                                    <div class="form-input-half-right form-input-border">

                                    	<div class="form-input-background opacity_2"></div>

                                    	<input id="Your E-mail" type="text" name="Your E-mail" value="Your E-mail*" />

                                    </div>   

                                    <div class="form-input-large form-input-border">

                                    	<div class="form-input-background opacity_2"></div>

                                     	<input id="Your Phone" type="text" name="Your Phone" value="Your Phone*" />

                                    </div>

                                    <div class="form-input-textarea form-input-border">

                                    	<div class="form-input-background opacity_2"></div>

                                    	<textarea id="Your Message" name="Your Message">Your Message*</textarea>

                                    </div>

                                    <div id="response-form">

                                        <p>Message delivered! Thank You!</p>

                                        <span id="form-warning">PLEASE FILL ALL RQUIRED (*) FIELDS!</span>

                                        <span id="server-error"></span>

                                    </div>

                                    <div class="form-buttons">

                                    	<div id="form-reset">

                                            <p>RESET</p>

                                        </div> 

                                        <div id="form-send" data-sending-txt="SENDING...">

                                            <p>SEND</p>

                                        </div>

                                    </div>

                                    

                                </form>

                            </div>
LEOnidUKG
На сайте с 25.11.2006
Offline
1774
LEOnidUKG
#1

А почему должен пропадать?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#2

LEOnidUKG, например когда нажимаешь по полю Your Name*, текст должен пропасть. Почему этого не происходит?

I
На сайте с 23.01.2007
Offline
83
iliana
#3

Pasha199, onFocus="doClear(this)" Вам поможет ;)

Здесь я беру жирные быстроботные твиты (https://goo.gl/P01CD). А здесь лучшие курсы обмена всего на все, и еще немного (http://goo.gl/cv2QCl).
[Удален]
#4

вместо value надо поставить там placeholder ,например placeholder="Поиск товара" но это в ИЕ без плагина работать небудет ,вот плагин например этот можно: http://www.xiper.net/collect/js-plugins/html5-and-css3/jquery-placeholder.html

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#5

iliana, 

<div class="form-input-half-left form-input-border">

                                    	<div class="form-input-background opacity_2"></div>

                                    	<input onFocus="doClear(this)" id="Your Name" type="text" name="Your Name" value="Your Name*" />

                                    </div>

Не помогло.

---------- Добавлено 01.12.2012 в 22:03 ----------

igor3333, спасибо большое :)

А как тут правильно сделать? 

                                    <div class="form-input-textarea form-input-border">

                                    	<div class="form-input-background opacity_2"></div>

                                    	<textarea id="Your Message" name="Your Message">Your Message*</textarea>

                                    </div>
I
На сайте с 23.01.2007
Offline
83
iliana
#6
Pasha199:
Не помогло.

ну да, поспешила, извините ) еще java-скрипт надо подключить 

<SCRIPT Language=JavaScript >

 function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }

function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }

</script>

и да, если хотите, чтобы текст возвращался, если свой вариант не набрали, то еще onBlur="doDefault(this)" надо

[Удален]
#7

Так


  <div class="form-input-textarea form-input-border">
                                    	<div class="form-input-background opacity_2"></div>
                                    	<textarea id="Your Message" name="Your Message" placeholder="Your Message*"></textarea>

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#8

igor3333, спасибо большое.

[Удален]
#9

Пожалуйста - только ж в ИЕ оно без плагина небудет наверное работать.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий