1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Решено] HTML форма контактов для джумла

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем MGT1, 18 фев 2018.

Статус темы:
Закрыта.
  1. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    900
    Симпатии:
    218
    Заделал вот такую форму

    HTML:
    <div class="contactwrap">
    
    
        <form id="contact-form" action="/motif/index.php" method="post" class="emailForm">
                <fieldset><dl>   
             <div class="ctwthird first">
                    <input type="text" name="jform[contact_name]" id="jform_contact_name" value="Name"  class="required"/>       
            </div>
            <div class="ctwthird">
                <input type="text" name="jform[contact_email]" class="validate-email required" id="jform_contact_email" value="Email"/>       
            </div>
                <div class="ctwthird">
                <input type="text" name="jform[contact_subject]" id="jform_contact_emailmsg" value="Subject" class="required"/>           
            </div>
            <div style="clear:both"></div>
            <div class="ctwfull">
                <textarea name="jform[contact_message]" id="jform_contact_message" cols="150" rows="8" value="Message" class="required" placeholder="Your Message"></textarea>           
            </div>
    
                            
                                                                                                                      
            <div style="text-align:center; clear:both; ">
                <div class="buttonMore">
                    <button class="button validate morebtn" type="submit">Send Email</button>
                    <input type="hidden" name="option" value="com_contact" />
                    <input type="hidden" name="task" value="contact.submit" />
                    <input type="hidden" name="return" value="" />
                    <input type="hidden" name="id" value="{slug}" />
                    </div></div>
    </dl>
    </fieldset>
    </form>
    </div>
    --- Добавлено, 18 фев 2018 ---
    Теперь стал вопрос, как правильно вписать placeholder
    для имени, емейла и субъекта. А то после нажатия курсором не хочет пропадать.
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    после нажатия курсором плэйсхолдеры не скрываются. Они скрываются после ввода первого символа. Нужно просто заменить все value на placeholder.
    HTML:
    <div class="contactwrap">
    
    
        <form id="contact-form" action="/motif/index.php" method="post" class="emailForm">
                <fieldset><dl>   
             <div class="ctwthird first">
                    <input type="text" name="jform[contact_name]" id="jform_contact_name" placeholder="Name"  class="required"/>       
            </div>
            <div class="ctwthird">
                <input type="text" name="jform[contact_email]" class="validate-email required" id="jform_contact_email" placeholder="Email"/>       
            </div>
                <div class="ctwthird">
                <input type="text" name="jform[contact_subject]" id="jform_contact_emailmsg" placeholder="Subject" class="required"/>           
            </div>
            <div style="clear:both"></div>
            <div class="ctwfull">
                <textarea name="jform[contact_message]" id="jform_contact_message" cols="150" rows="8" class="required" placeholder="Your Message"></textarea>           
            </div>
    
                            
                                                                                                                      
            <div style="text-align:center; clear:both; ">
                <div class="buttonMore">
                    <button class="button validate morebtn" type="submit">Send Email</button>
                    <input type="hidden" name="option" value="com_contact" />
                    <input type="hidden" name="task" value="contact.submit" />
                    <input type="hidden" name="return" value="" />
                    <input type="hidden" name="id" value="{slug}" />
                    </div></div>
    </dl>
    </fieldset>
    </form>
    </div>
     
    MGT1 нравится это.
Статус темы:
Закрыта.