Kaip sukurti HTML formą naujienlaiškio prenumeratai

Jei kuriate svetainę, svarbu suteikti lankytojams galimybę prenumeruoti jūsų naujienlaiškį. Tokia prenumeratos forma leidžia surinkti el. pašto adresus, sukurti kontaktų sąrašą ir nuolat informuoti auditoriją apie naujienas bei pasiūlymus. Žemiau pateikiami paprasti žingsniai, kaip su HTML sukurti funkcionalią prenumeratos formą.

Žingsnis 1 – Atidarykite HTML failą

Naudodami bet kurį teksto redaktorių (pvz., Visual Studio Code, Notepad++) atidarykite savo puslapio HTML failą ir nusistatykite vietą, kur norite įterpti prenumeratos formą.

Žingsnis 2 – Įterpkite antraštę

Įdėkite antraštės žymę, kuri paaiškintų lankytojui, ko laukia. Pavyzdžiui:

<h1>Prenumeruokite mūsų naujienlaiškį</h1>

Žingsnis 3 – Sukurkite <form> elementą

Įrašykite <form> žymę su reikiamais atributais. Naudojant mailto: adresą, prenumeratos užklausos bus siunčiamos tiesiai jūsų el. pašto dėžute:

<form method="post" enctype="text/html" action="mailto:jusu@emailas.com">

Žingsnis 4 – Pridėkite el. pašto lauką

Naudokite type="email" tipą, kad naršyklė patikrintų įvestą adresą:

Email: <input name="email" type="email" required>

Žingsnis 5 – Pridėkite mygtuką „Siųsti“

Įterpkite mygtuką, kuris išsiųs formą:

<input type="submit" value="Siųsti">

Žingsnis 6 – Užbaikite formą

Uždarykite <form> žymę ir išsaugokite failą:

</form>

Reikalingi įrankiai

• Teksto redaktorius (pvz., Visual Studio Code, Sublime Text, Notepad++)