sivut.web

ohjeita web-sivuston tekijälle

HTML-opas: Lomakkeet

Yleistä
Elementit
Rakenne
Lomakkeen käsittely CGI-ohjelmalla
Suoraan sähköpostilla kotiin
Ulkoasun siistiminen

Yleistä

Lomakkeella (form) voidaan toteuttaa sivuille palautelomake tai muu vastaava interaktiivinen elemetti. Palautelomake on usein hyödyksi WWW-palvelua kehittäville, sillä yleisöltä saatu palaute on usein arvokasta. Tässä esitellään lyhyesti HTML-kielen tarjoamat mahdollisuudet.

Lomake ei toimi yksinään. Sillä voi kerätä tietoja käyttäjiltä, mutta tietojen jatkokäsittely pitää ratkaista lomakkeen luomisen lisäksi.

Yksinkertaisin tapa on käyttää suoraan tiedot sähköpostilla lähettävää lomaketta, joka toimii kuitenkin hyvin harvassa selaimessa. Muun muassa Microsoft Internet Explorer 3.0 ei sitä tue. Siksi sen käyttämistä pitää harkita tarkkaan. Esimerkkejä eri jatkokäsittelytavoista myöhemmin.

Elementit

Nyt tutkimme tarkemmin lomakkeen mahdollisia elementtejä. Lomakkeet sijoitetaan aina <FORM>- ja </FORM>-tagien väliin. <FORM>-tagi saa yleesä määreet:

METHOD="POST" ACTION="/cgi-bin/lomake.cgi"

Näistä ensimmäinen, METHOD, kertoo miten lomaketta käsitellään. Kun sitä käytetään palautelomakkeen tekemiseen, käytetään POST-arvoa. Myös GET-arvo on mahdollinen.

ACTION taasen kertoo, minne toiminne kohdistuu, tässä tapauksessa useinmiten CGI-ohjelmaan.

Tekstilaatikot

Tekstilaatikko syntyy seuraavasti:

<input type=text name="kentän nimi"
maxlength="tekstin maksimipituus"
size="laatikon koko" value="oletusarvo">

Näistä maxlength ja value voidaan, ja kuten useimmiten tehdäänkin, jättää pois. Mikäli type="password"-asetus annetaan, tekstin paikalla nähdään tähtiä.

Tekstialue

Tekstialue syntyy kätevästi:

<textarea name="kentän nimi"
rows="kuinka monta riviä"
cols="kuinka monta saraketta">
oletusteksti
</textarea>

Oletusteksti jätetään usein laittamatta. WRAP-attribuutti voidaan myöskin antaa, tämä vaikuttaa siihen, miten lomakkeeseen syötetyihin rivinvaihtoihin suhtaudutaan. Mahdolliset arvot: off, virtual, physical.

Piilokentät

Joissain tapauksissa on varsin kätevää käyttää piilokenttiä. Niiden avulla voi sivun tekijä liittää lomakkeen mukana tietoa, jota selaaja ei näe.

<input type=hidden name="kentän nimi"
value="arvo">

Painikkeet

15:06 6.1.2001

Lomakkeeseen voi tehdä painonappeja (ns. radiopainikke), joista vain yhden voi valita. Myös laatikoita, joista voi valita haluamansa määrän, voi helposti lisätä lomakkeelleen.

Radionappi:

<input type=radio name="kentän nimi"
value="kyllä tai ei, tähän se teksti,
joka näkyy lähetetyssä lomakkeessa">

On hyvin tärkeää, että samaan alueeseen kuuluvien painikkeiden (jotka siis ovat vaihtoehtoisia keskenään) nimi on sama.

Valittava laatikko:

<input type=checkbox name="kentän nimi"
value="kyllä tai ei, tähän se teksti joka,
näkyy lähetetyssä lomakkeessa">

Voit antaa molemmille käskyn checked, joilloin ko. nappula on valmiiksi valittuna.

Valikot

Saat tehtyä valikoita seuraavasti:

<select name="kentän nimi"

<option value="mitä lähetetään">
Teksti joka näkyy selaajalle

</select>

Ensimmäinen kohta näkyy ruudussa, ellet pakota jotain muuta kohtaa SELECTED-attribuutilla.

Loppupainikkeet

Tässä painikkeet, joilla lomakkeen kentät voi tyhjentää tai lähettää:

<INPUT TYPE="submit" VALUE="Lähetä">
<INPUT TYPE="reset" VALUE="Tyhjennä">

Rakenne

Lomake alkaa siis aina <FORM>-tagilla.

<FORM METHOD="POST"
ACTION="/cgi-bin/lomake.cgi">

Tässä oletetaan, että lomake lähetetään CGI-ohjelmalla eteenpäin. Toinen tapaus käsitellään myöhemmin luvussa Suoraan sähköpostilla kotiin.

Tämän jälkeen aloitetaan lomakkeen rakentaminen. Esimerkiksi voidaan kysyä käyttäjän nimeä ja osoitetta:

Nimesi: <INPUT NAME="name" size="20">
Sähköpostiosoitteesi:
<INPUT NAME="email" size="20">

Huomataan, että tekstisyöttöä haluava laatikko saadaan käyttämällä <INPUT NAME="name"> rakennetta, jossa määritellään kentän nimi (joka kentässä erilainen). SIZE="jotain" on hyvin oleellinen, sillä määritellään se, kuinka monta merkkiä kenttään mahtuu.

<TEXTAREA NAME="kommentit" 
ROWS="10" COLS="40" 
WRAP="Virtual"></TEXTAREA>

Saadaan aikaiseksi isompi tekstikenttä, joka esimerkissä on 10 riviä korkea ja 40 merkkiä leveä.

Lomakkeeseen voidaan myös rakentaa ns. radionappeja, joista vain yksi voi kerralla olla valittuna. Yksinkertainen tapaus on seuraava:

<p>Mies <INPUT NAME="sukup"
TYPE=RADIO VALUE="mies"> Nainen <
INPUT NAME="sukup" TYPE=RADIO 
VALUE="nainen"></p>

Huomaa, että tässä name-attribuutissa on sama nimi. Se tekee näistä vaihtoehtoisia keskenään. Valinnalla TYPE=RADIO luodaan juuri vaihtoehtoisia valintoja luova nappulasysteemi.

Jäljellä on yksi, usein käyttökelpoinen ominaisuus, valikot. Valikot ovat ns. pudotusvalikoita, kuten graafisissa käyttöliittymissä yleensä.

<SELECT NAME="mielipide">
<OPTION>Hyvä
<OPTION>Kohtuullinen
<OPTION>Siinä ja siinä
<OPTION>Huono
<OPTION SELECTED>Tee valintasi
</SELECT>

Kuten huomataaan, käyttämällä SELECTED-attribuuttia, saadaan ko. vaihtoehto näkymään ensimmäisenä valittuna. Jos tätä valintaa ei tehdä, käytetään automaattisesti ensimmäistä. SELECTED-attribuutilla merkitty ei luonnollisesti tarvitse olla kehoitus, se voi olla myös normaali valinta, mutta silloin se muodostunee melko turhaksi, sillä muutenkin näytetään listan ensimmäinen oletuksena.

Lomake päättyy aina nappuloihin, joilla voidaan joko tyhjentää lomake tai lähettää se eteenpäin. Esimerkiksi:

<INPUT TYPE="submit" VALUE="Lähetä">
<INPUT TYPE="reset" VALUE="Tyhjennä">

Viimeisenä tulee vielä lomakkeen päättävä </FORM>:

</FORM>

Lomakkeen käytössä pitää huomioida käytettävä lähetysmenetelmä. Mikäli käytät olemassa olevaa CGI-ohjelmaa, voit käyttää vian niitä kenttiä (ja niille tiettyjä nimiä) mitä itse ohjelmaan on määritelty. Jos käytät palveluntarjoajasi CGI-ohjelmia, saat heiltä myös ohjeet tarvittavien kenttien lisäämiseksi. Pieni teoria kuitenkaan ei ole haitaksi.

Lomakkeen käsittely CGI-ohjelmalla

Esimerkkinä käytetään samaa lomaketta kuin seuraavassa suoraan sähköpostilla lähettävää lomaketta käsittelevässä kappaleessa. Ainut ero tulee <FORM>-tagin attribuutteihin.

<HTML>
<HEAD><TITLE>Lomake-esimerkki</TITLE>
</HEAD>
<BODY>

<H1>Lähetä tästä palautetta!</H1>
<p>Täytä lomake
ja paina lähetä-nappia!</p>
<FORM METHOD="POST" 
ACTION="/cgi-bin/lomake.cgi">

Esimerkissä viitataan palvelimen /cgi-bin/-hakemistossa olevaan lomake-nimiseen CGI-ohjelmaan. Tämän ohjelman käyttöohjeet valitsimineen saat palvelimen ylläpidolta, eli useimmiten palveluntarjoajasi helpdeskistä.

<p>Nimi ja ikä:<
INPUT NAME="Nimi" 
TYPE="text" SIZE=45></p>

<p>Katuosoite:<
INPUT NAME="Katuosoite" 
TYPE="text" SIZE=45></p>

<p>Postiosoite:<
INPUT NAME="Postiosoite" 
TYPE="text" SIZE=45></p>

<p>Harrastukset:<
INPUT NAME="Harrastukset" 
TYPE="text" SIZE=45></p>

<p>Mies <
INPUT NAME="gender" TYPE=RADIO 
VALUE="male">
Nainen <INPUT NAME="gender" 
TYPE=RADIO VALUE="female"></p>

<p>Kehitysideoita:
<TEXTAREA NAME="muuta" 
cols=45 rows=4></textarea></p>
<p>Mitä pidit sivuistani<BR>
<SELECT NAME="Mielipide">
<OPTION>Mahtavia
<OPTION>Upeita, mutta keskeneräisiä
<OPTION>Keskinkertaisia
<OPTION>Huonoja, mutta mahdollisuuksia on!
</SELECT></p>
<P>
<INPUT TYPE="submit" VALUE="Lähetä!">
<INPUT TYPE="reset" VALUE="Tyhjennä!">
</p>
</FORM>

</BODY>
</HTML>

esimerkit/lomake1.html

Suoraan sähköpostilla kotiin

Perustason lomake, jolla voi pyytää palautetta kävijöiltä. Muista, että tämä ei toimi kaikissa selaimissa.

<HTML>
<HEAD><TITLE>Lomake-esimerkki</TITLE>
</HEAD>
<BODY>

<H1>Lähetä tästä palautetta!</H1>
<p>Täytä lomake ja paina lähetä-nappia!</p>
<FORM METHOD="POST"
ACTION="mailto:tatu@iki.fi">

<p>Nimi ja ikä:<
INPUT NAME="Nimi" 
TYPE="text" SIZE=45></p>

<p>Katuosoite:<
INPUT NAME="Katuosoite" 
TYPE="text" SIZE=45></p>

<p>Postiosoite:<
INPUT NAME="Postiosoite" 
TYPE="text" SIZE=45></p>

<p>Harrastukset:<
INPUT NAME="Harrastukset" 
TYPE="text" SIZE=45></p>

<p>Mies <
INPUT NAME="gender" TYPE=RADIO 
VALUE="male">
Nainen <INPUT NAME="gender" 
TYPE=RADIO VALUE="female"></p>

<p>Kehitysideoita:
<TEXTAREA NAME="muuta" 
cols=45 rows=4></textarea></p>
<p>Mitä pidit sivuistani<BR>
<SELECT NAME="Mielipide">
<OPTION>Mahtavia
<OPTION>Upeita, mutta keskeneräisiä
<OPTION>Keskinkertaisia
<OPTION>Huonoja, mutta mahdollisuuksia on!
</SELECT></p>
<P>
<INPUT TYPE="submit" VALUE="Lähetä!">
<INPUT TYPE="reset" VALUE="Tyhjennä!">
</p>
</FORM>

</BODY>
</HTML>

esimerkit/lomake2.html

Ulkoasun siistiminen

Kuten voit itsekin huomata, edellisen esimerkin lomakkeen ulkoasu ei ole paras mahdollinen. Lomakkeen ulkoasua voidaan parantaa kahdella tavalla.

Käytetään <tt>- ja </tt>- tageja. Silloin jokainen teksti ennen kenttää vie saman verran tilaa. Tilankäyttöä ohjataan pisteillä:
Nimi.....
Osoite...
Käytetään taulukkoa. Vasempaan soluun tulee tekstit ja oikeaan lomake.

Toteutetaan jälkimmäinen vaihtoehto. Toimikoon se samalla esimerkkinä taulukoiden käytöstä sivun taitossa.

Koodi näyttää seuraavalta:

<HTML>
<HEAD><TITLE>Lomake-esimerkki</TITLE>
</HEAD>

<BODY bgcolor="#ffffff">

<table>
<tr>

<td align="center" colspan="2">
<H1>Lähetä tästä palautetta!</H1>
<p>Täytä lomake
ja paina lähetä-nappia!</p>
</td>

</tr>
<tr>

<td valign="top" width="150">
<FORM METHOD="POST" 
ACTION="mailto:tatu@iki.fi">

<p>Nimi ja ikä:</p>
<p>Katuosoite:</p>
<p>Postiosoite:</p>
<p>Harrastukset:</p>
</td>

<td valign="top" width="300">
<p><INPUT NAME="Nimi" 
TYPE="text" SIZE=30></p>
<p><INPUT NAME="Katuosoite" 
TYPE="text" SIZE=30></p>
<p><INPUT NAME="Postiosoite" 
TYPE="text" SIZE=30></p>
<p><INPUT NAME="Harrastukset" 
TYPE="text" SIZE=30></p>
<p>Mies <INPUT NAME="gender" 
TYPE=RADIO VALUE="male"> Nainen <
INPUT NAME="gender" TYPE=RADIO 
VALUE="female"></p>

</td>
</tr>

<tr>
<td valign="top" width="150">
<p>Kehitysideoita:</p>
</td>

<td valign="top" width="150">
<p><TEXTAREA NAME="muuta" 
cols=30 rows=4> </textarea></p>

<p>Mitä pidit sivuistani<BR>
<SELECT NAME="Mielipide">
<OPTION>Mahtavia
<OPTION>Upeita, mutta keskeneräisiä
<OPTION>Keskinkertaisia
<OPTION>Huonoja, mutta mahdollisuuksia on!
</SELECT></p>

<P>
<INPUT TYPE="submit" VALUE="Lähetä!">
<INPUT TYPE="reset" VALUE="Tyhjennä!">
</p>

</FORM>

</td>
</tr>
</table>

</BODY>
</HTML>

esimerkit/lomake3.html

Lomakkeet ovat sikäli ongelmallisia, että ne tarvitsevat käytännössä ohjelman palvelimelle, eikä sellaisen tekeminen aina ole liian yksinkertaista. Useimmat palveluntarjoajat tarjoavat kuitenkin muutamia yksinkertaisia lomakkeita. Kannattaa kysyä heiltä. Mikäli kiinnostusta omien ohjelmien tekemiseen on, kannattaa tutkia verkosta CGI-ohjelmien rakennnusohjeita. Tarjontaa pitäisi olla runsaasti.

Seuraava sivu: Lisäominaisuuksia.

Käyttäjien kommentit

2.4.2003 15:46
veijo meri <merituuli@hotmail.com>

Hyvä meno

5.8.2003 14:31
formalisti

Hyvät sivut. Mutta miten tällainen kommenttipalsta/vieraskirja tehdään?

7.11.2003 14:47
Twight <twight@suomi24.fi>

miten saan radionapin, joka on näkymätön, mutta silti valittu?

9.11.2003 17:07
Juha-Pekka Järvenpää <jp@sivut.org>

Mikäli haluat radionapin, mikä näkyy, mutta ei ole käytössä (disabloitu), käytä seuraavaa:

<input type="radio" disabled="disabled" checked="checked">

Mikäli taas nappi ei saa näkyä lainkaan, käytä piilokenttiä (selitetty ylempänä).

24.2.2004 21:27
qua

kiinnostaisi tietää miten/minne saisin koottua kyselyistä kertyvät tiedot talteen, eli itselleni selattavaksi?

25.2.2004 21:25
Juha-Pekka Järvenpää <jp@sivut.org>

Lomakkeiden käsittelyyn tarvitaan poikkeuksetta palvelimella suoritettava ohjelma, joka tekee lomakkeesta lähetetylle tiedolle jotain, esimerkiksi lähettää sen sähköpostilla eteenpäin tai tallentaa ne tiedostoon.

Ohjelmia ei luonnollisesti voi tehdä HTML-kielellä, vaan tähän tarkoitukseen on olemassa muun muassa PHP, jolla voidaan tehdä suhteellisen vähällä vaivalla toimivia ohjelmia.

Osoitteesta http://www.sivut.org/php/ löytyy lisää asiaa PHP-kielestä. Kaikki, mitä tämän lisäksi tarvitaan, on palvelimen tuki PHP-kielelle. Useimmilta web-palvelimilta, poislukien useimmat ilmaiset web-sivutilat, tämä löytyykin.

18.5.2004 13:38
Mä

Kiitti, mä kyll tajusin heti. Todella selkeä!

2.6.2004 20:52
Eve

Miten saa sellaisen tekstikentän / kentän, jolla voi selata kuvia omalta koneelta? Ja jos se kuvasitten lähetetään mulle, niin tuleeko se liitetiedostona?
Kiitokset etukäteen :]

3.6.2004 13:24
Juha-Pekka Järvenpää <jp@sivut.org>

Tiedostokenttä saadaan input-elementillä: <input type="file">

Se, mitä tällä lähetettävällä tiedostolla sitten tehdään, on täysin kiinni (CGI-)ohjelmasta, jolle lomake lähetetään. Kysy palveluntarjoajaltasi, tukisiko heidän lomakkeenkäsittelijänsä tiedostojen lähettämistä liitetiedostoina.

16.6.2004 16:12
ippe <k0201255@evtek.fi>

Hei,

kuinka saan määriteltyä sellaisen tekstialueen, että tulostuksessa kaikki rivit tulostuvat, jos tekstialuelle kirjoitettu teksti ei mahdu ilman vieritys palkkeja tekstialueeseen???

Ippe

16.6.2004 22:38
Juha-Pekka Järvenpää <jp@sivut.org>

Tekstialueen tulostus kuullostaa harvinaiselta ratkaisulta. Voisiko sen toiminnan korvata jollain muulla tekniikalla? Ehkä seuraavista on apua:

Lomake (ja sen mukana tekstialueen sisältö) voidaan lähettää lomakkeen käsittelevälle (CGI-)ohjelmalle, joka sitten joko tuottaa oikeankokoisen tekstialueen tai jonkin muun elementin, johon sijoittaa tekstin.

18.6.2004 14:12
antti

Onko kiitossivun tekeminen mahdollista? Siis että kun painaa 'lähetä' nappia, niin siirtyy jollekin eri sivulle?

19.6.2004 23:12
Juha-Pekka Järvenpää <jp@sivut.org>

Kiitossivulla tarkoitetaan sivua, jolle lomakkeen käsittelevä skripti lähettää selaimen kun lomakkeen tiedot on käsitelty (esimerkiksi lähetetty sähköpostilla eteenpäin).

Mille sivulle skripti käyttäjän lähettää, on tietenkin skriptistä kiinni. Lomakkeenkäsittelijöitä on satoja ja taas satoja erilaisia, joten joudut lukemaan skriptin omista ohjeista, miten kiitossivun osoite annetaan. Todennäköisesti tämä tapahtuu piilokentällä (<input type="hidden">).

4.7.2004 14:59
VALTSU <valokala@jippii.fi>

Miten voin tehdä lomakkeen että se toimii?
ja mistä saan cgi ohjelman?
Kun olen vasta kuukauden näpelöinyt
omia sivuja.Osaan kyllä tehdä lomakkeen mutta se ei toimi.

Että jos joku tietää, mistä saa englanniksi cgi-bin ohjelman ja suomenkieliset ohjeet
niin ottaa yhteyttä

Eniten kiinnostaa se omaan sähköpostiin.

Terv. Valtsu

4.7.2004 16:09
Juha-Pekka Järvenpää <jp@sivut.org>

Lomakkeen käsittelyyn tarvitaan palvelimelle lomakkeen tietoja käsittelevä ohjelma, jollaista myös skriptiksi kustutaan.

Todennäköisesti palveluntarjoajallasi on tarjolla ainakin palautelomakkeen käsittelevä skripti. Katso palveluntarjoajan ohjeista tai ota yhteyttä käyttötukeen.

Omaa (tai esim. http://www.hotscripts.com/ :sta haettua) skriptiä voi käyttää mikäli tämä on palvelimella sallittua. Katso taas palveluntarjoajan ohjeista tai ota yhteyttä heihin mikäli asia ei selviä.

Suomenkielisiä ohjeita ei tietääkseni kovin paljoa näihin skripteihin löydy (korjatkaa jos olen väärässä!), mutta auttavalla englannin kielen taidolla luulisi pärjäävän kunhan lukee ohjeet tarkasti.

Voit myös opetella kirjoittamaan omia skriptejäsi, alkuun pääset PHP-oppaalla: http://sivut.org/php/ . Lue erityisesti kohta sähköpostin lähetys.

28.9.2004 22:59
Niilo <Mummo@hotmail.com>

En saa toimimaan, nyt on joku vialla!

6.10.2004 18:12
aloittelija

Mistähän tuo perl skripti siis lomakekäsittelijä tuolta mainitsemaltasi sivuilta löytyy?

29.11.2004 20:31
erik <erik_ralli@hotmail.com>

siis mä haluajsin avata uuden sivun kun mä oon tehnyt sen jutun, mite uuden sivun sit saa avattua?

4.1.2005 16:50
Flame <flameboy19@luukku,com>

<INPUT NAME="gender"
TYPE=RADIO VALUE="male"> Nainen <
INPUT NAME="gender" TYPE=RADIO
VALUE="female"></p>

Kohdassa on pieni virhe.

Nainen <
INPUT NAME="gender" TYPE=RADIO
VALUE="female"></p>

Tuo kohta pitöisi olla kirjoitettuna näin että turhia tekstejä ei tulisi:

Nainen <INPUT NAME="gender" TYPE=RADIO VALUE="female">
</P>

Kohta "Nainen <INPUT..."
On oikein mutta koodissa luki:
"Nainen < INPUT..."
Tuo tekee virheen.

21.2.2005 15:20
Matti Takanen <ajokoira.mies@kolumbus.fi>

Minkälaisilla tageilla saan vieraskirjani viestit tulemaan suoraan vieraskirjani sivulle lähetä napin alapuolelle näkyviin?
En ole saanut toimimaan ainakaan Elisan ohjeiden mukaan. Joita en löydä netistä.

9.4.2005 10:06
agion

miten siis saan tehtyä keskustelupalstan????

9.4.2005 21:33
newbie

vai on täällä tänäänkin käyty :o vaikka onkin jo aika vanhat sivut.. (mutta erittäin hyödylliset!)
hyvä että joku viitsii tehdä tällaista..

10.4.2005 10:34
Matso

Joo et kuinhan ton sais toimimaan, niin et se lähettäs sitä palautetta kans...???

23.7.2005 15:35
Matti <scaredmanmasa@luukku.com>

Moi!

Tein kaiken kuten ojeessa, mutta sivulleni ei tule mitään täytettäviä kirjoituslaatikoita.

Näin:
[<HTML>
<BODY>
<P>Please tell me what did you like in this site and give new ideas for building my pages further.</P>
<FORM METHOD="POST"
ACTION="mailto:scaredmanmasa@luukku.com">

<P>Full name:<
INPUT NAME="Name"
TYPE="TEXT" SIZE=45></P>

<P>Country:<
INPUT NAME="Country"
TYPE="TEXT" SIZE=45></P>

<P>Your age:<
INPUT NAME="Age"
TYPE="TEXT" SIZE=45></P>

<P>Tour e-mail address:<
INPUT NAME="e-mail"
TYPE="TEXT" SIZE=45></P>

<P>Realm you play on:<
INPUT NAME="Realm"
TYPE="TEXT" SIZE45></P>

<P>Your main characters name (if you play on "Stormreaver"):<
INPUT NAME="main"
TYPE="TEXT" SIZE=45></P>

<P>
<INPUT TYPE="Submit" VALUE="Submit">
<INPUT TYPE="Reset" VALUE="Reset">
</P>
</FORM>

</BODY>
</HTML>]

Mikä voisi olla vikana?

23.7.2005 15:43
Matti <scaredmanmasa@luukku.com>

Kiitos vaan, mutta keksin sen itse.
Ainakin omilla sivuillani se toimi kun pisti näin:

<P>Nimi ja ikä:<INPUT NAME="Nimi"
TYPE="text" SIZE=45></p>

Eli ei siis rivinvaihtoa ennen tota "INPUT NAME" juttuu kute oli mallissa:

<p>Nimi ja ikä:<
INPUT NAME="Nimi"
TYPE="text" SIZE=45></p>

19.10.2005 21:04
samy <sampsa89@gmail.com>

Miten saa tuolleen suoraan lisättyä noi kommentit... :D kiinnostais vaa... :D ettei tarvi minnee sähköpostii pistää??

7.4.2006 23:05
Tuoze

Voiko kenttien avulla tehdä vaikka salasanalla suojattuja sivuja kun kerran on olemassa komento type"password" jolla saa kirjaimet vaihdettua salasanan omaisiksi ?!?!?

3.5.2006 00:29
F1-mies

Jos täällä vielä on eloa, niin: Kuinka voisi estää tyhjän lomakkeen/yhden sen osan lähettämisen? Eli jos käyttäjä jättäisi vaikka yhden radio-buttonin täyttämättä, ei lomaketta lähetettäisi ollenkaan.

12.5.2006 15:29
namen

voiko CGI-ohjelman tehdä javascriptillä?

14.6.2006 18:19
AleX <aleksivirtanen>

<HTML>
<HEAD><TITLE>Lomake-esimerkki</TITLE>
</HEAD>
<BODY>

<H1>Lähetä tästä palautetta!</H1>
<p>Täytä lomake ja paina lähetä-nappia!</p>
<FORM METHOD="POST"
ACTION="mailto:tatu@iki.fi">

<p>Nimi ja ikä:<
INPUT NAME="Nimi"
TYPE="text" SIZE=45></p>

<p>Katuosoite:<
INPUT NAME="Katuosoite"
TYPE="text" SIZE=45></p>

<p>Postiosoite:<
INPUT NAME="Postiosoite"
TYPE="text" SIZE=45></p>

<p>Harrastukset:<
INPUT NAME="Harrastukset"
TYPE="text" SIZE=45></p>

<p>Mies <
INPUT NAME="gender" TYPE=RADIO
VALUE="male">
Nainen <INPUT NAME="gender"
TYPE=RADIO VALUE="female"></p>

<p>Kehitysideoita:
<TEXTAREA NAME="muuta"
cols=45 rows=4></textarea></p>
<p>Mitä pidit sivuistani<BR>
<SELECT NAME="Mielipide">
<OPTION>Mahtavia
<OPTION>Upeita, mutta keskeneräisiä
<OPTION>Keskinkertaisia
<OPTION>Pyh!
</SELECT></p>
<P>
<INPUT TYPE="submit" VALUE="Lähetä!">
<INPUT TYPE="reset" VALUE="Tyhjennä!">
</p>
</FORM>

</BODY>
</HTML>

Mikä on vikana? Tallensin tämän Nvu:lla, avasin Mozilla firefoxilla ei tullut taulukon taulukkoa?

19.6.2006 23:26
Kalitsu

Tietääkö joku, onko Freewebsin -palvelimella mitään CGI-ohjelmaa? Olen koittanut kysellä, mutta en ole saanut vastausta, josta ymmärtäisin jotain (englanti ei oikein taivu).

22.9.2006 16:53
KossuPullo <superkasperi@gmail.com>

Miten saisin tehtyä lomakkeen että voisi rekisteröityä meidän airsoft tiimin koti sivuille?

20.10.2006 19:59
Hopeakynsi

Apua oli, muttei riittämiin...

8.11.2006 11:32
Noora <zorah_88@hotmail.com>

Miten saa tehtyä sellaisen lomakkeen, että kun vastaaja on vastannut siihen ja lähettänyt sen, niin jokainen yksittäinen vastaaja näkyisi linkkinä, että muut käyttäjät (esim. foorumin avoin kysely, jossa jokaisen kirjalliset vastaukset saa lukea, koska ne ovat kiinnostavia)näkisivät ne? Esim. sama systeemi kuin tämä, mutta eivät tulisi pötkönä sivun perään..

5.1.2007 15:57
Santtu

Tästä oli hyötyä. Kahdesta edellisestä ei niinkään.

15.1.2007 17:45
Saikku <siljoh@lyseo.edu.ouka.fi>

Miten saan tehtyä tekstikehyksen johon voin kirjoittaa sivulla näkyvän tekstin? Kuvia ei saa laitetuksi sivulle muuttamatta tekstiä. Haluan kuvan tekstin vasemmalle puolelle kun teksti on keskitetty ilman että tekstin väliin tulee kuvan kokoista väliä

18.1.2007 08:50
Ellu

Kuinka voisi estää tyhjän lomakkeen lähettämisen?

24.1.2007 17:38
Testaaja

Palautteen koodissa oli turhan paljon virheitä, suosittelen korjaamaan !! !!

19.2.2007 13:22
öämöm <color-89@suomi24.fi>

Miten sivulle saa tämmösen käviöiden kommentit-jutskan :DD?

11.4.2007 17:33
...

tuo lomake-esimerkki toimii kyllä mutta se lähettää sen viestin outlook expressillä, saisiko sitä jotenkin muutettua niin että se lähettäisi viestin suoraan sivustolta eikä käyttäisi outlookia?

17.4.2007 11:52
Tanja <tanja.frojd@student.kyamk.fi>

Hei,
minulla on kotisivutilaa elisalta ja elisalla on lomake ohjelma
http://tuki.elisa.fi/asiakastuki/elisa.do?id=hen_as_paka_in_kotisivut,dokumenttisivu_ks_0002.htm

Nyt en pidä kuitenkaan sivujani elisan tarjoamalla kotisivutilalla vaan vuodatus.net:ssä.

Eli voinko laittaa sivuilleni vuodatukseen elisan lomakkeen? Ja miten ihmeessä se onnistuu?

18.4.2007 11:46
KJ <joelpartanen@hotmail.com>

Kyllä voit laittaa elisan lomakkeen toiselle sivullesi. Ota vain koodi talteen, ja lisää se sivuillesi.

19.4.2007 14:28
Tanja <tanja.frojd@student.kyamk.fi>

Jaahas.
No sitten en osaa koodata enkä ymmärrä.

eli mitä tähän pitäisi laittaa:
<FORM action=/cgi-bin/postita method=post>
eihän toi tolleen toimi.

Onkohan tossa koodissa muutakin vikaa..

9.5.2007 19:24
Raimo <david.mills@suomi24.fi>

Miten lisätään "liitä tiedosto" -tyylinen painike lomakkeeseen?

18.6.2007 20:50
H

Miten tälläistä lomaketta voisi muokata myöhemmin sivujen kautta?

21.6.2007 23:23
asd

asd

22.6.2007 18:16
Yks vaan

Saikulle yksi vaihtoehto.
<table>
<tr>
<td>
<img src="kuva joka näytetään">
</td>
<td>
tekstiä tähän vaan
</td>
</table>

22.6.2007 18:16
Yks vaan (vieläkin)

korjaan
<table>
<tr>
<td>
<img src="kuva joka näytetään">
</td>
<td>
tekstiä tähän vaan
</td>
</tr>
</table>

22.6.2007 18:19
Yksi jäbä

Käykää osoitteessa "http://koti.mbnet.fi/janrik/";
siellä voitte kysellä vieraskirjasta kaikkee.

ps.
Yritän vastata kaikkiin kysymyksiin
joita ehkä lähetetään.

30.7.2007 13:31
Mikéy

Mistä saan CGI-scriptin ilmaiseksi?

19.10.2007 19:53
ööh... <nessu_irma@hotmail.com>

Kun teen tuollaisen lomakkeen sivuilleni, miten saan sen näkymään siellä sivuilla sitten sen lähetetyt viestin? Niinkuin tässä sinun jutussasi tapahtuu. Kun lähetän tämän viestin, se menee näkyville tuonne sivuille.. miten se onnisuu?? =) Kiitos jo nyt vastauksestasi.. :D

27.11.2007 19:22
Namida

Onpas tämäkin vuosia vanha sivu :O Kyllä on pitkän aikaa pystyssä pysynyt!

4.12.2007 00:52
trimmi <trimmi2@suomi24.fi>

Tein sivut Microsoft Office 2007 Publisherilla ja siihen otin valmiin tilauslomakkeen,joka oli saatavilla Publisherilta.
Miten ihmeessä saan lähetä nappulan toimimaan niin,että se lähettää tilaus lomakkeen minulle sähköpostiin.Liittymä on Elisan yritys liittymä.

17.12.2007 17:21
Thononain <tomi.korp@gmail.com>

niin, asia varmaan ei kuulu tälle alueelle, mutta olis yksi oleellinen kysymys...

kysymys kuuluu että miten saan toimimaan upload toiminnon omille kotisivuilleni?

1.1.2008 15:29
timiz <timiw@netti.fi>

laitoin seuraavan komennon sivujeni palautelomakkeeseen:

<H1>Lähetä tästä palautetta!</H1>
<p>Täytä lomake ja paina lähetä-nappia!</p>
<FORM METHOD="POST"
ACTION="mailto:tatu@iki.fi">

ja vaihdoin oikean osoitteen mutta en silti saa postiini vastauksia

koko lomake näyttää tältä:

<H1>Lähetä tästä palautetta!</H1>
<P>Täytä lomake ja paina lähetä-nappia!</P>
<FORM action=mailto:timiw@netti.fi method=post><FORM>
<P>Etunimi<BR><INPUT size=30 name=puhelin> </P>
<P>Sähköposti<BR><INPUT size=30 name=sahkoposti> </P>
<P>Annan<BR><INPUT type=checkbox name=tuon_elaimen> Palautetta<BR><INPUT type=checkbox name=tuon_seuralaisen> Teen ilmoituksen roskapostittajasta<BR><INPUT type=checkbox name=tuon_ruokaa> Jotain muuta</P>
<P>Jos annat palautetta merkitse millaista se on<BR><SELECT name=tulen_paikalle> <OPTION selected>valitse yksi vaihtoehto<OPTION>hyvää<OPTION>huonoa<OPTION>kehitys idea<OPTION>jotain muuta</OPTION></SELECT> </P>
<P>Palaute<BR><TEXTAREA name=muuta rows=3 cols=30></TEXTAREA> </P>
<P><INPUT type=submit value=lähetä></P>

4.1.2008 14:54
Aamukahvi <lehtojoonas@gmail.com>

"1.1.2008 15:29
timiz <timiw@netti.fi>
laitoin seuraavan komennon sivujeni palautelomakkeeseen:

<H1>Lähetä tästä palautetta!</H1>
<p>Täytä lomake ja paina lähetä-nappia!</p>
<FORM METHOD="POST"
ACTION="mailto:tatu@iki.fi">

ja vaihdoin oikean osoitteen mutta en silti saa postiini vastauksia

koko lomake näyttää tältä:

<H1>Lähetä tästä palautetta!</H1>
<P>Täytä lomake ja paina lähetä-nappia!</P>
<FORM action=mailto:timiw@netti.fi method=post><FORM>"

Ootkos tarkistanut kirjoitusvirhet? Katsoppas:
Malli: <p>Täytä lomake ja paina lähetä-nappia!</p>
<FORM METHOD="POST"
ACTION="mailto:tatu@iki.fi">

Sinun: <P>Täytä lomake ja paina lähetä-nappia!</P>
<FORM action=mailto:timiw@netti.fi method=post><FORM>

Kokeileppas näin: <p>Täytä lomake ja paina lähetä-nappia!</p>
<FORM METHOD="POST"
ACTION="mailto:timiw@netti.fi">

12.2.2008 20:14
atta995 <joku.joku@joku.fi>

Todella hyödyllinen! Tahtoisin niin paljon kiittää tämän tekijää! Osaan jo todella hyvin, ja aloittelijat voivat vaikka kopioida noi tiedot, ja laittaa sinne omat.. HIENOA!!

22.4.2008 03:18
Pedro <pedro89@gmail.com>

Good site!. My sites
<a href="http://www.schule-bewegen.de/moodle/user/view.php?id=61&key=replica-purses">replica purses</a>
<a href="http://www.listsofbests.com/list/53989">vera bradley bags</a>
<a href="http://www.prosaponline.gov.ar/moodle/user/view.php?id=166&course=1">see through bikinis</a>
<a href="http://www.cyndidannerkuhn.info/moodle/user/view.php?id=922&course=1">retractable screen door</a>
http://www.schule-bewegen.de/moodle/user/view.php?id=61&key=replica-purses
http://www.listsofbests.com/list/53989
http://www.prosaponline.gov.ar/moodle/user/view.php?id=166&course=1
http://www.cyndidannerkuhn.info/moodle/user/view.php?id=922&course=1