English Deutsch Español Português brasileiro Français Italiano Nederlands Svenska 日本語

Formoid enklaste formulärgeneratorn

Formoid skapar vackra webbformulär på ett snabbt och roligt sätt. Noll kodning, dra-och-släpp-baserad GUI, trendiga Flat-, Metro-, Solid-, Bootstrap-formulärteman, ren CSS-stil, repsonsiv, retina-färdiga formulär, när-du-skriver-validering, antispam captcha - Formoid är ett helt enkelt ett otroligt formulärverktyg!

Bootstrap formuläre

Vackra skins

Moderna formulärteman med fräna färgscheman.

CSS formuläre

CSS-Formulärstilar

Rena CSS-radioknappar, kryssrutor, väljare, filuppladdning, datumväljare, verktygstips, t.o.m. google captcha!

HTML5 formuläre

Retina-redo

Alla formulärelement ser enastående ut på högupplösta bildskärmar och enheter.

jQuery formuläre

Responsivt

Helt optimerat att fungera på datorer, mobiler och surfplattor.

jQuery-formulärgenerator

Registrerings- formulär

Metro Temademo

CSS3-Formulärutformare

Kommentarformulär

Bootstrap Temademo

HTML5-Formulärbyggare

Buggrapportering

Flat Temademo

Responsivt HTML-formulär

Formulärelement

Solid Temaresponsivt demo

Översikt

Webbformuläret är en viktig interaktionsmetod på alla webbsidor och ett enkelt, vänligt och attraktivt formulär är livsviktigt för att minimera misstag och misslyckade skickningar. Formoid är ett grymt verktyg som kombinerar de senaste designidéerna med de mest avancerade webbteknikerna för att du ska kunna få ditt bästa och personliga formulär.

  • GUI-Snabbstart
    Det intuitivaste och enklaste-att-använda formulärskapare - Ingen kodning, bara snabba och enkla dra-å-släpp-formulärbygge. Skapa enkla och komplexa formulär blixtsnabbt med Formoid!
    För Mac och Windows - Använd Formoid på din favoritplattform - den stödjer MAc OSX 10.6+, Windows XP, Vista, 7 eller 8.
    Skräddarsy hur du vill - Snabbt och enkelt att skräddarsy layout, färger och stiler.
    Färgscheman - Ändra enkelt färgelementen med hjälp av förinställda färger. Kryssrutor och radioknappar kan också ändra färger.
    Förhandsvisning i realtid - Förhandsvisningsfönstret låter dig att förhandsvisa alla förändringar du gör till ditt formulär omedelbart och exakt som det kommer att se ut i webbläsaren.
    Vanliga fält - Textfält, paragraffält, välj- och flervälja rullgardinsmenyer, kryssrutor och radioknappar? Formoid stöder alla vanliga formulärfält.
    Avancerade fält - Behöver du avancerade saker? Namn, adress, e-post, URL-länk, filuppladdning, lösenord, kalender, nummer, captcha-fält gör ditt liv enklare.
    Obligatoriska fält - Markera fält som "Obligatoriskt" och visa varningsmeddelanden vid behov.
    Antispam captcha - Lägg till världens pålitligaste och bästa Google reCaptcha med ett klick. Stoppa spammet från robotar!
  • HTML-Formulär
    Vackra skins - Modern Flat- Metro- Solid- Bootstrapformulärteman med fräna färgscheman.
    Ren layout, responsiva formulär - Dina formulär ser perfekt ut på både skrivbords- och mobila enheter.
    Bredaste kompatibilitet med webbläsare och enheter - Formulären testas i flera olika webbläsare, operativsystem och enheter för att försäkra dig om att de ser ut och funkar perfekt i alla tidigare (inklusive IE6) och nyare webbläsare, till och med utan Javascript.
    Retina-redo - Alla formulärelement skapas med CSS, utan bilder, så de är skarpa, pixelperfekta på alla retina-skärmar och högupplösta bildskärmar.
    Läckra Google-teckensnitt - Trött på samma gamla, tråkiga teckensnitt som Arial och Times Roman? Pröva nya och fria Google-teckensnitt i dina formulär.
    CSS-Formulärstilar - Ren CSS-formulärlayout - radioknappar, kryssrutor, väljare, filuppladdning, datumväljare, verktygstips, t.o.m. Google-captcha! Inga bilder behövs!
    Validering i realtid - Formulärvalidering ser till att användarna skriver in rätt slags information och visar tips om misstag uppst¨år. HTML5-formulärvalidering stöds också.
  • Backend PHP-formulär
    Hantera formulär med PHP - Formoid är inte bara för klientsidan i HTML-formulär. Den skapar också en kraftful PHP-hanterare för att bearbeta alla inskickningar.
    Noll kodning - Serversbaserade PHP-koden skapas helt automatiskt och om din server är PHP-aktiverad så beyhöver du bara ladda upp PHP-filen med HTML-filen. Ingen PHP-programmering behövs!
    E-postkontaktformulär - PHP-skript, efter de har laddats upp till servern, skickar svar till e-postadressen du har ställt in i Formoid-appen.
    Exportera till CSV - Alla formulärskickningar loggas i en CSV-fil.
  • Pröva dina formulär online
    Publicera, förhandsvisa och testa formulären med ett klick - "Förhandsvisa och testa"-knappen laddar omedelbart upp ditt nuvarande formulär till vår server för en testkörning i realtid.
    Enkel delning & inbäddning - Klicka på 'Dela'-knappen för att få en kort HTML-kod som du kan skicka via e-post och inkludera på valfri webbsida eller skapa en trevlig Lightbox popup-formulär.
    Samla bifogade filer - Om ditt formulär har Filuppladdning så kan du komma åt alla upplade filer av dina användare.
    Komplett kontroll - Hantera alla dina uppladdade formulär, se statistik, visa och exportera inskickningar.
    Sie haben die volle Kontrolle über ihre Formulare - Verwalten Sie alle Ihre gehosteten Formulare, finden Sie Statistiken, und sehen und exportieren Sie Eingaben
    Säkra formulär - Alla formulärinskickningar överförs via en stark 256-bitars SSL-kryptering (HTTPS-protokoll) för att försäkra dig om att all kunddata skyddas.

Snabbhjälp

Snabbhjälp

1. Redigeringsområde: Detta område funkar som ditt arbetsutrymme där du kan redigera och bygga ditt formulär. Kontrollera ditt formulärs utseende genom att dra element från Elementpanelen och ändra formulärets eller elementens egenskaper i respektive flikar.

2. Huvudverktygsfältet: Detta verktygsfält består av allt du behöver för att hantera ditt konto. Du kan publicera formulär lokalt och på webben:

  • Ny: Skapa ett nytt formulär.
  • Öppna: Öppna ett existerande fomulär.
  • Spara: Spara nuvarande formulär.
  • Spara HTML: Spara nuvarande formulär i HTML.
  • Förhandsvisa och testa: Förhandsvisa ditt formulär genom att testa det på nätet.
  • Mina formulär: Ett nytt formulär öppnas där du kan förhandsvisa, ändra och hantera alla dina formulär du har laddat upp på vår server (formoid.net).
  • Dela: Ett nytt fönster öppnas där du får olika val och sätt för att bädda in din formulärs kod.
  • E-postadress: E-postadress för ditt nuvarande konto. Klicka på det för att ändra konto.
  • Mitt konto: Se ditt nuvarande kontos information.
NOTE: Green buttons work locally. Blue buttons require an internet connection. = OBS: Gröna knappar funkar lokalt. Blåa knappar kräver internetuppkoppling.

3. Elementpanelen: Denna panel består av alla element du kan inkludera i ditt formulär, såsom:

  • Text: Skapar ett textfält.
  • Textarea: Skapar ett större textfält.
  • Väljare: Skapar en rullgardinsmeny med olika valalternativ.
  • Flerväljare: Skapar en rullgardinsmeny med flera val att välja mellan. Användarna kan välja flera val samtidigt i detta element.
  • Kryssruta: Skapar en lista av kryssrutor med alternativ.
  • Radioknapp: Skapar en lista av radioknappar med alternativ.
  • Datum: Skapar ett fält att ange datum i.
  • Nummer: Skapar ett fält att ange siffror i.
  • Skicka fil: Skapar ett filvalsfält där användaren kan välja och ladda upp filer från deras hårddiskar.
  • E-post: Skapar ett ett fält att ange e-postadress i.
  • Webbsida: Skapar ett fält att ange URL-adress i.
  • Namn: Skapar ett fält att ange för- och efternamn i.
  • Adress: Skapar fält att ange adress inklusive gatuadress, stad, stat/län/region, postnummer och land.
  • Lösenord: Skapar ett fält att ange lösenord i.
  • Telefon: Skapar ett fält att ange telefonnummer i.
  • Captcha: Skapar en captcha för användare att "lösa" innan de kan skicka iväg formuläret. Elementet skyddar mot spammare.

4. Formuläregenskapsfliken: I denna flik kan du justera ditt formulärs globala inställningar inklusive:

  • Titel: Ange titeln för ditt HTML-formulär.
  • Teckenstorlek: Välj storleken för ditt CSS3-formulärs teckensnitt.
  • Teckensnittyp: Välj teckesnittyp, t.ex. Arial, Helvetica, sans-serif,. Google web-tecksnitt finns också.
  • Tecksnittfärg: Välj färg för teckensnittet för din text i HTML5-formuläret.
  • Bredd: Ange ett nummer i pixlar (px) eller i procent (%) för att ändra formulärets bredd.
  • Formulärfärg: Välj en bakgrundsfärg för ditt HTML-formulär.
  • Sidfärg: Välj en färg för din sida.
  • Suddig: Lägger till en suddig bakgrund i ditt HTML5-formulär.
  • Skicka: Ändra texten i "Skicka"-knappen.
  • Notifieringse-post: Ange en e-postadress som tar emot skickade formulärresultat.
  • Bekräftelse: Välj bekräftelsemeddelande dina användare får se efter lyckade formulärskick: Meddelande eller Omdirigering.
    -Meddelande: Användaren får se detta meddelande som du har angett i rutan
    -Omdirigering: Användaren skickas vidare till den specificerade URL-adressen

5. Elementegenskapsfliken: I denna flik justerar du inställningarna för ditt nuvarande markerade element. Du kan justera egenskaper såsom:

  • Etikett
  • Svävartext
  • Obligatoriska element
  • Fältstorlek
  • Och mycket mer, beroende på elementet

6. Temapanelen: Välj ett tema för ditt webbformulär. Det finns tre teman att välja mellan:

7. Färgschema: Välj ett färgschema för ditt formulär. Det finns flera olika färger att mellan.

8. Mitt formulärfönster: Klicka på "Mina formulär" så öppnas ett nytt fönster där du kan förhandsvisa, ändra och hantera alla dina formulär som finns upplade på vår server.

9. Dela fönstret: Klicka på "Dela" så öppnas ett nytt fönster som ger dig val och sätt att bädda in din formulärkod. Välj mellan två inbäddade versioner av din formulärkod:

  • JavaSkript (Rekommenderas)
  • IFrame
Eller välj två versioner av ett popup-formulär:
  • Lightbox (Rekommenderas)
  • Nytt fönster

10. Kontoinformationsfönster: Klicka på "Mitt konto" så öppnas ett fönster där du ser alla information om ditt konto, inklusive följande.

  • Licens
  • E-postadress som användes vid registrering
  • Antal inskickningar
  • Utgångsdatum