Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Formularz kontaktowy - jak napisać? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Formularz kontaktowy - jak napisać? (/thread-formularz-kontaktowy-jak-napisac)



Formularz kontaktowy - jak napisać? - elbuero - 26-07-2012

Kod:
<h4>Napisz do nas</h4>
                    
                    <div class="form">
                    <div class="message"><div id="alert"></div></div>
                    <form action="http://www.shegy.nazwa.pl/themeforest/xtech_html/original/js/sendmail.php" method="post" id="form-contact">
                        <div><label for="name">Imie i Nazwisko:</label><input type="text" value="" class="input-text" name="name" id="name" /></div>
                        <div><label for="email">E-mail:</label><input type="text" value="" class="input-text" name="email" id="email" /></div>
                        <div><label for="message">Wiadomość:</label><textarea cols="" rows="" class="input-textarea" name="message" id="message"></textarea></div>
                        <div><input type="submit" value="Wyślij wiadomość" class="button small float-right" /></div>
                    </form>
                    </div>

                </div>


Witam

Tak jak w temacie jak prawidłowo napisać w/w kod...

strona jest
Kod:
<!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">

style.css, jQuery JavaScript Library v1.5.1.js, jQuery Form Plugin version: 2.12 (06/07/2008), jquery-workarounds.js


RE: Formularz kontaktowy - jak napisać? - Kartofelek - 26-07-2012

jest całkiem nieźle. Ale:
1) jedno-linijkowcom mówimy nie
2) Czy alert nie stanowi całości z formularzem?
3) div#form i form - trochę mylące
4) puste atrybutu cols i rows
5) Za mało klas Smile Jeżeli używasz cssLess to spoko. ale jeżeli nie używasz to osobiście wolałbym tym divom dać class="clearfix". Zrozumiesz jak kiedykolwiek będziesz chciał ostylować to js, lub dać np errory w formularz (np pod polem)

Kurczy gdyby ten less jeszcze był dobrze debugowalny, wtedy by wymiatał i wcale nie musiałbyś żadnych tych klas stosować. No ale może css5...


RE: Formularz kontaktowy - jak napisać? - mateo - 26-07-2012

Nieraz na forum poruszano wątek a propos tworzenia formularzy kontaktowych na stronę www. Tu masz najbardziej obszerny -> http://www.webmastertalk.pl/jak-zrobic-formularz-kontaktowy-na-stronie-t?highlight=formularz+kontaktowy


RE: Formularz kontaktowy - jak napisać? - elbuero - 26-07-2012

(26-07-2012, 04:01)Kartofelek napisał(a): jest całkiem nieźle. Ale:
1) jedno-linijkowcom mówimy nie
2) Czy alert nie stanowi całości z formularzem?
3) div#form i form - trochę mylące
4) puste atrybutu cols i rows
5) Za mało klas Smile Jeżeli używasz cssLess to spoko. ale jeżeli nie używasz to osobiście wolałbym tym divom dać class="clearfix". Zrozumiesz jak kiedykolwiek będziesz chciał ostylować to js, lub dać np errory w formularz (np pod polem)

Kurczy gdyby ten less jeszcze był dobrze debugowalny, wtedy by wymiatał i wcale nie musiałbyś żadnych tych klas stosować. No ale może css5...



emaile dochodzą... ale jak ustawić aby pola były wymagane? kodowanie znaków i ilość znaków w poszczególnej rubryce?


RE: Formularz kontaktowy - jak napisać? - Kartofelek - 26-07-2012

Niet. Wykorzystaj atrybut "reguire" i inputy odpowiednie do danego pola (np type="email"). Poczytaj to:
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-forms/
i dodatkowo poszukaj w google "HTML5 form IE"

Niedługo będę pisał o tym temacie, więc podzielę się linkiem Smile

Jeżeli jednak wolisz nieco starszą metodę, wtedy http://doman.art.pl/kursjs/kurs/formularze/formularze_walidacja.html
+ znowu zapraszam za poment, bo temat jest już napisany w połowie Smile