Formularz kontaktowy w HTML bez PHP?

Question

Dzień dobry wszystkim. Mam dylemat z tym szablonem: formularz kontaktowy Czy jest to możliwe, bo kiedyś mi się obiło o uszy (oczy właściwie), że jest sposobność stworzenia formularza bez PHP. W tym szablonie bowiem wszystkie strony są w jednym pliku index.html, formularz jest napisany, też jak wszystkie podstrony, na końcu w pliku .html. Nie wiem jak to ugryźć. Dziwne by było gdyby napisany został szablon bez możliwości odpalenia tegoż formularza kontaktowego. Od razu napiszę, ten szablon jest całkowicie surowy, z defoult treścią. Pytanie zasadnicze, jak wykonać formularz kontaktowy bez php? W samym index.html?
Dziękuję za odpowiedzi.

Answer 1

Jeżeli chodzi Ci o możliwość wysyłania wiadomości bez pisania obsługi na backendzie to może formspree

Comments

To cenna sugestia, dziękuję, już kiedyś do innego projektu tego szukałem. Z radością zapamiętam. Piękna sprawa!

Answer 2

wszystkie podstrony, na końcu w pliku .html. Nie wiem jak to ugryźć.

Strona zawiera plik .htaccess i wprowadza nazwy zaprzyjaźnione – w tym przypadku raczej ucina w ogóle nazwę pliku, niż zamienia końcówkę na .html.

Pytanie zasadnicze, jak wykonać formularz kontaktowy bez php?

Do wykonania formularza nie potrzebujesz języka wykonywanego po stronie serwera. Jednakże żeby miał funkcjonalność – bez niego może się nie obejść.

Comments

##################################################

#

# DO NOT EDIT THIS FILE DIRECTLY

#

# Create a new .htaccess file in your htdocs

# directory (or example.com/htdocs/ directory)

# to add your own rules or override these rules.

#

##################################################





DirectoryIndex index.php index.html index2.html



ErrorDocument 400 https://infinityfree.net/errors/400/

ErrorDocument 401 https://infinityfree.net/errors/401/

ErrorDocument 403 https://infinityfree.net/errors/403/

ErrorDocument 404 https://infinityfree.net/errors/404/

ErrorDocument 500 https://infinityfree.net/errors/500/

ErrorDocument 503 https://infinityfree.net/errors/503/

 

Taki o to plik .htaccess otrzymałem w spadku od usługodawcy hostingu. Czy w nim jest coś nie tak? Bo widzę przekierowania na błędy oraz DirectoryIndex, czy to to? Ma wpływ na brak wyświetlania rozszerzeń plików w przeglądarce?

 bez niego może się nie obejść

może? Czyli aby działał to jest jakiś sposób aby to obejść i wykonać w pełni funkcjonalną stronę z tegoż szablonu?

---

Czyli aby działał to jest jakiś sposób aby to obejść i wykonać w pełni funkcjonalną stronę z tegoż szablonu?

To zależy, do czego ma służyć ten formularz. Bez sensu uciekać się do języków server-side, jeżeli operacje można wykonać w 100% po stronie klienta za pomocą JavaScript.

---

Głównie dziwie się, że takie coś robią, że dają stronę (szablon) i nie ma opcji działania w php.

JavaScript, też nie dodali tej opcji, jest jakiś tutorial o tym, jak w JavaScript napisać działający formularz?
Strona ma być dla hydraulika, mają się kontaktować potencjalni klienci.

Answer 3

Oczywiście należy prawidłowo ustalić parametry dla odpowiednich sekcji. W razie problemów proszę o kontakt, wyjaśnię co i gdzie przestawić w formularzu, tak aby nam wysyłał prawidłowe dane.

Answer 4

Dorwałem opcję w, której da się wywołać oddzielny plik w tym przypadku mail.php, w formularzu kontaktowym w html. I jest w nim zawarta treść, co i jak w kodzie php ma się dziać, poza plikiem z formularzem w html. Chodzi dokładnie o ten atrybut "action="mail.php".
 

<form class="form-area " id="myForm" action="mail.php" method="post" class="contact-form text-right">
								<div class="row">	
									<div class="col-lg-6 form-group">
										<input name="name" placeholder="Imię" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">
									
										<input name="email" placeholder="Email adres" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" class="common-input mb-20 form-control" required="" type="email">

										<input name="subject" placeholder="Temat" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your subject'" class="common-input mb-20 form-control" required="" type="text">
									</div>
									<div class="col-lg-6 form-group">
										<textarea class="common-textarea form-control" name="message" placeholder="Wiadomość" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Messege'" required=""></textarea>				
									</div>
									<div class="col-lg-12">
										<div class="alert-msg" style="text-align: left;"></div>
										<button class="genric-btn primary circle" style="float: right;">Wyślij wiadomość</button>											
									</div>
								</div>
							</form>	

Natomiast w tym pliku mail.php takie o to się kryją komendy:
 

<?php
    $to = 'demo@site.com';
    $firstname = $_POST["fname"];
    $email= $_POST["email"];
    $text= $_POST["message"];
    $phone= $_POST["phone"];
    


    $headers = 'MIME-Version: 1.0' . "\r\n";
    $headers .= "From: " . $email . "\r\n"; // Sender's E-mail
    $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

    $message ='<table style="width:100%">
        <tr>
            <td>'.$firstname.'  '.$laststname.'</td>
        </tr>
        <tr><td>Email: '.$email.'</td></tr>
        <tr><td>phone: '.$phone.'</td></tr>
        <tr><td>Text: '.$text.'</td></tr>
        
    </table>';

    if (@mail($to, $email, $message, $headers))
    {
        echo 'The message has been sent.';
    }else{
        echo 'failed';
    }

?>

Wyjaśniam tak dla potomnych!