Vytvořte si vlastní formulář

Napsal O webu (») 1. 12. 2010 v kategorii Banan.cz, přečteno: 18979×

Máme pro Vás další zajímavý tip, jak si vylepšit webové stránky. Tentokrát se podíváme do zákulisí tvorby formulářů.

Co k tomu budete potřebovat:

A) prohlížeč SEAMONKEY (volně ke stažení)
B) doplňek aplikace SEAMONKEY tzv. SeaMonkey Debug and QA UI (volně ke stažení)

Nyní tedy přistoupíme k tvorbě samotného formuláře.

Chceme např. vytvořit formulář s těmito prvky - jméno, příjmení, pohlaví.

1) V otevřeném "seamonkey" klikňete dole na tzv. composer

C0_2

2) klasickým způsobem vepíšeme na stránku :jméno, poté klikneme na ikonku "debug"-"form"-"form field"

C1

3) do okna vepíšeme "jmeno" a zvolíme velikost pole "field size", např. 10.

C2

4) stejně tak vytvořáme kolonku "příjmení"

5) "pohlaví": opět zvolíme "debug"-"form"-"form field". Místo předdefinovaného textu ("text"), zvolíme variantu "radio button".

C3

Následně do kolonky group name vepíšeme "pohlaví" a do kolonky field value pak "žena"
Poté stejným způsobem vytvoříme pohlaví  "muž"

6) A toto by měl být výsledek:

C4

7) Zbývá jen zkopírovat zdrojový kód (HTML source) ze seamonkey

C5

do HTML webové stránky

C6

9) Aby bylo možné vyplněný formulář odeslat, úplně na konec před něj vepíšeme: {RS:FORM:mailto=} a za něj: {RS:/FORM}

př.

Bod-9b

A Vaše stránky se mohou chlubit krásným formulářemsmile

Štítky: banan.cz, redakční systém
Hodnocení:     nejlepší   1 2 3 4 5   odpad
Facebook Twitter Topčlánky.cz Linkuj.cz
Sdílet

Komentáře

Zobrazit: standardní | od aktivních | poslední příspěvky | všechno
281. Re: formulář »
dvorok z IP 88.81.68.*** | 22.1.2014 20:45
Jsem blbý, vkládám stránky přes Mikrosoft FrontPage a po vložení odkazu se neobjeví tabulka, ale text, už jsem z toho blázen, nemá se z textu něco odstranit? nebo přidat? Snad naposled díky
282. Re: formulář »
Jakub Böhm z IP 82.209.8.*** | 22.1.2014 20:35
Tady máte příklad fungujícího formuláře. Vložit je nutné do HTML.
<p>{RS:FORM:mailto=}</p>
<table style="width: 100%;" border="0">
<tbody>
<tr>
<td width="100">Jméno</td>
<td><input class="query full" type="text" name="jmeno" /></td>
</tr>
<tr>
<td width="100">Líbí se Vám web?</td>
<td><select name="libi_web">
<option selected="selected" value="vyborny">výborný</option>
<option value="slusny">slušný</option>
<option value="prumerny">průměrný</option>
</select></td>
</tr>
<tr>
<td width="100">Jste</td>
<td><input id="pohlavi_m" type="radio" name="pohlavi" value="M" checked="checked" /><label for="pohlavi_m">muž</label><br /> <input id="pohlavi_z" type="radio" name="pohlavi" value="Z" /><label for="pohlavi_z">žena</label></td>
</tr>
<tr>
<td width="100"> Text</td>
<td><textarea name="Text" rows="5" cols="10"></textarea></td>
</tr>
</tbody>
</table>
<p>{RS:/FORM}</p>
283. Re: formulář »
dvorok z IP 88.81.68.*** | 22.1.2014 20:04
prosím Vás můžete mi vypsát celý odkaz, jak jsem vložil do HTML doplnění odkazu tak se mi text objevuje v náhledu. Děkuji
<form action="?????????" method="post">
<p>Váš mail: <input name="mail_odesilatele" size="20"><br>
Předmět: <input name="predmet" size="20"><br>
Zpráva: <textarea name="zprava" rows="4" cols="30"></textarea><br>
<input type="submit" value="Odeslat"> </p>
</form>
284. Re: formulář »
Jakub Böhm z IP 82.209.8.*** | 22.1.2014 19:54
Dobrý den, zkontrolujte si prosím, jestli jste uvedl v nastavení správný email, případně za mailto="email@email.cz"  dosadit email, na který má být formulář odeslán.
285. Re: formulář »
dvorok z IP 88.81.68.*** | 22.1.2014 19:46
Nefunguje to!!!
286. Re: formulář »
banan.czTomáš Lacina | 22.1.2014 15:01
Dobrý den, {RS:FORM:mailto=} vložíte před úplný začátek formuláře a {RS:/FORM} na jeho konec.
287. formulář »
dvorok z IP 88.81.68.*** | 22.1.2014 14:27
Dobrý den, mám v HTML tento odkaz:
<form action="?????????" method="post">
<p>Váš mail: <input name="mail_odesilatele" size="20"><br>
Předmět: <input name="predmet" size="20"><br>
Zpráva: <textarea name="zprava" rows="4" cols="30"></textarea><br>
<input type="submit" value="Odeslat"> </p>
</form>
Prosím, kde mám napsat: Aby bylo možné vyplněný formulář odeslat, úplně na konec před něj vepíšeme: {RS:FORM:mailto=} a za něj: {RS:/FORM}
Děkuji
288. Re: SeaMonkey Debug and QA UI »
Kutlák z IP 82.209.8.*** | 23.1.2013 21:21
Dobrý den, problém by mohl být v kompatibilitě doplňku. Koukněte na nápovědu addonu a porovnejte se současnou verzí FF prohlížeče.
289. SeaMonkey Debug and QA UI »
Kat z IP 89.24.148.*** | 23.1.2013 19:51
Dobrý den, potřebuji stáhnout SeaMonkey Debug and QA UI, ale neustále mi to hlásí, že není kompatibilní s Mozillou... Můžete prosím někdo poradit, co s tím?
290. Podvod bone.bloger.cz »
jeseter z IP 85.70.198.*** | 11.10.2012 11:56
Na stránkách bone.bloger.cz nabízí člověk tipy na fotbalové poločasy za peníze. Nenaleťte mu a nic mu neposílejte,nikdy vám nepošle slibované výherní tipy v kurzu který nabízel. Přesto,že jeho tikety z fortuny vypadají krásně,vy se k takovým nedostanete
291. Chtělo by to opravit překlepy »
ahasweb z IP 82.208.4.*** | 2.12.2010 13:52
na ikonku "debug"-"form"-"form fielf" - na ikonku "debug"-"form"-"form field"
pole "filed size", např. 10. - pole "field size", např. 10.
stejně tak vytvořáme kolonku  - stejně tak vytvoříme kolonku
zvolíme "debug"-"form"-"form fielf" - zvolíme "debug"-"form"-"form field"
zvolíme variantu "ratio buttom" - zvolíme variantu "radio button"
Zdraví Jan Bílek - www.ahasweb.cz


Nový komentář

Téma:
Jméno:
Notif. e-mail *:
Komentář:
  [b] [obr]
Odpovězte prosím číslicemi: Součet čísel sedm a pět