Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Formularz kontaktowy - jak napisać?
#1
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
Odpowiedz
#2
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...
Odpowiedz
#3
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
Odpowiedz
#4
(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?
Odpowiedz
#5
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
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak zrobic Formularz Kontaktowy na stronie ? Kodarth 191 255,838 06-04-2021, 16:25
Ostatni post: zerin
  Walidacja zdjęć + formularz harvester2001 6 5,972 24-03-2014, 19:01
Ostatni post: harvester2001
  php formularz - wszystkie pola muszą być wypełnione d3d3d3 2 3,636 01-10-2013, 14:16
Ostatni post: Kartofelek
  [PHP] Formularz mailowy - wysyłanie wiadomości spolprog 7 6,495 05-09-2013, 17:13
Ostatni post: Engine
  Pewny formularz and licznik JOzEk 1 2,346 04-05-2013, 14:35
Ostatni post: Engine

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl