Skocz do zawartości

HTML problem ze znakami w formularzu


marcelluswalles

Rekomendowane odpowiedzi

Witam 

Mam problem ponieważ średnio znam na html (szukam dopiero firmy która zrobi mi stronę) metodą szukania informacji udało mi się stworzyć coś takiego, zmieniłem sobie już na polskie znaki wszystko wygląda ok ale problem pojawia się gdy wysyłam e-mail polskie znaki znikają czy ktoś może mi pomóc w zmianie tego tak żeby było ok ? Z góry dziękuje.

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 
 
<head>
 
<title>World Trainers Academy</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href='https://fonts.googleapis.com/css?family=Lato:300,400'rel='stylesheet' type='text/css'>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<style>
body { background: #ffffff url('02.jpg') top center; font-family: 'Lato', sans-serif; width: 100%; height: 100%; margin: 0; padding: 0; }
a:hover {-webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}
a {-webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}
#content { margin: 120px; padding: 0; color: #000000;}
#content p{font-size: 14px;}
#content p span {color:#D4B264;}
#content a {padding: 2px 4px; color:#000000; background: #ffffff; text-decoration:none;}
#content a:hover {color:#000; background: #D4B264;}
</style>
 
</head>
<body>
<div id="content"><center> <br />
<img src="logo.png" /><br /><br /><br /><h3>
        Zmieniamy się dla Ciebie. Wróć do Nas wkrótce.
        </h3>
 
        <p>
        <b>__________</b><br /><br />
        <span>Jeśli jesteś zainteresowany szkoleniem napisz do Nas e-mail a przedstawimy Ci ofertę:</span> <br /><br />
            <a href="mailto:magda@worldtrainersacademy.com.pl">magda@worldtrainersacademy.com.pl </a><br /><br /> 
            
        </p></center>
    </div>
 
<div style="position:relative">
<form enctype="text/plain" action="mailto: magda@worldtrainersacademy.com.pl?subject=Temat ankiety" method="post">
<fieldset>
<legend>Formularz zgłoszeniowy<strong></strong></legend>
<p><strong>Imię</strong>: <input type="text" name="Imie;" " size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Nazwisko</strong>: <input type="text" name="Nazwisko"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Adres</strong>: <input type="text" name="Adres"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Kod pocztowy</strong>: <input type="text" name="Kod pocztowy"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Miasto</strong>: <input type="text" name="Miasto"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Adres e-mail</strong>: <input type="text" name="Adres e-mail"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Tel. kontaktowy</strong>: <input type="text" name="Tel. kontaktowy"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Źródło z jakiego się dowiedziałeś</strong>: <input type="text" name="Zrodlo z jakiego się dowiedziałes"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<input type="submit" value="Wyślij zgłoszenie">
</fieldset>
</form>
</div>
 
</body>
</html>
Odnośnik do komentarza
Udostępnij na innych stronach

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR...nsitional.dtd">

zmień na  <!DOCTYPE html>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

zmień na <meta charset="UTF-8" />

 

zapisz plik jako UTF-8 bez BOM

Profesjonalne narzędzia warsztatowe tylko renomowanych marek. Głodny? Łatwe przepisy kulinarne na moim blogu.

Aktualizacja map fabrycznej nawigacji, Polskie menu w Twojej nawigacji.

Odnośnik do komentarza
Udostępnij na innych stronach


zmieniłem ale wciąż mam to samo.

i jak napiszesz "Wyślij zgłoszenie" to zmienia Ci w mailu na "Wyślij zgłoszenie" ?

Profesjonalne narzędzia warsztatowe tylko renomowanych marek. Głodny? Łatwe przepisy kulinarne na moim blogu.

Aktualizacja map fabrycznej nawigacji, Polskie menu w Twojej nawigacji.

Odnośnik do komentarza
Udostępnij na innych stronach

Plik musi być zapisany z kodowaniem utf-8

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

Formularz wysyła dane z domyślnego emaila ustawionego na komputerze nie przez stronę.

 

Chyba nie masz jednak ustawionego kodowania UTF-8, kod pisałeś w notatniku?

Sprawdź np. program notepad++

 

Czcionkę LATO musisz dać latina

<link href='https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext'rel='stylesheet' type='text/css'>

Profesjonalne narzędzia warsztatowe tylko renomowanych marek. Głodny? Łatwe przepisy kulinarne na moim blogu.

Aktualizacja map fabrycznej nawigacji, Polskie menu w Twojej nawigacji.

Odnośnik do komentarza
Udostępnij na innych stronach

Wklej to, wrzuć na serwer i sprawdź formularz

 <!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml">


<head>

<title>World Trainers Academy</title>
<meta charset="UTF-8" />
<link href='https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<style>
body { background: #ffffff url('02.jpg') top center; font-family: 'Lato', sans-serif; width: 100%; height: 100%; margin: 0; padding: 0; }
a:hover {-webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}
a {-webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}
#content { margin: 120px; padding: 0; color: #000000;}
#content p{font-size: 14px;}
#content p span {color:#D4B264;}
#content a {padding: 2px 4px; color:#000000; background: #ffffff; text-decoration:none;}
#content a:hover {color:#000; background: #D4B264;}
</style>

</head>
<body>
	<div id="content"><center> <br />
		<img src="logo.png" /><br /><br /><br /><h3>
        	Zmieniamy się dla Ciebie. Wróć do Nas wkrótce.  	
        </h3>
			
        <p>
        	<b>__________</b><br /><br />
        	<span>Jeśli jesteś zainteresowany szkoleniem napisz do Nas e-mail a przedstawimy Ci ofertę:</span> <br /><br />
            <a href="mailto:magda@worldtrainersacademy.com.pl">magda@worldtrainersacademy.com.pl </a><br /><br /> 
            
        </p></center>
    </div>

<div style="position:relative">
<form enctype="text/plain" action="mailto: magda@worldtrainersacademy.com.pl?subject=Temat ankiety" method="post">
<fieldset>
<legend>Formularz zgłoszeniowy<strong></strong></legend>
<p><strong>Imię</strong>: <input type="text" name="Imie" size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Nazwisko</strong>: <input type="text" name="Nazwisko"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Adres</strong>: <input type="text" name="Adres"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Kod pocztowy</strong>: <input type="text" name="Kod"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Miasto</strong>: <input type="text" name="Miasto"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Adres e-mail</strong>: <input type="text" name="email"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Tel. kontaktowy</strong>: <input type="text" name="Tel"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<p><strong>Źródło z jakiego się dowiedziałeś</strong>: <input type="text" name="Zrodlo"  size="30" maxlength="40" style="position: absolute; left: 300px; background-color: cornsilk; font-style: italic; color: gray "></p>
<input type="submit" value="Wyślij zgłoszenie">
</fieldset>
</form>
</div>

</body>
</html>

Profesjonalne narzędzia warsztatowe tylko renomowanych marek. Głodny? Łatwe przepisy kulinarne na moim blogu.

Aktualizacja map fabrycznej nawigacji, Polskie menu w Twojej nawigacji.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności