sivut.web

ohjeita web-sivuston tekijälle

etusivu html javascript perl php grafiikka sivusto palvelin sanasto info palaute

HTML-opas: Lomakkeet

• Yleistä
• Elementit
  • Tekstilaatikot
  • Tekstialue
  • Piilokentät
  • Painikkeet
  • Valikot
  • Loppupainikkeet
• 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

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.

1. Käytetään <tt>- ja </tt>- tageja. Silloin jokainen teksti ennen kenttää vie saman verran tilaa. Tilankäyttöä ohjataan pisteillä:
   Nimi.....
   Osoite...
   
2. 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

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

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

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ä).

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

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.

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

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 :]

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.

Hei,

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

Ippe

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.

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

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">).

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

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.

En saa toimimaan, nyt on joku vialla!

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

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

<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.

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ä.

miten siis saan tehtyä keskustelupalstan????

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..

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

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?

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>

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

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

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.

voiko CGI-ohjelman tehdä javascriptillä?

<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?

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).

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

Apua oli, muttei riittämiin...

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..

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

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ä

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

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

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

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?

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?

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

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..

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

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

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

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

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

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

Mistä saan CGI-scriptin ilmaiseksi?

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

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

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ä.

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

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

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>

"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">

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!!

Mitens sitten ku lomake on valmis, nii millä saa muutettua sitä "kiitos palautteestasi" -sivua, mulla kun siellä lukee ihan lontoon murteella että thank you for your blaah blaah blaah...

Hei, en oikeen vieläkän tajunnut tuota tekstilaatikon laittoa.. Eli miten saisin sen niin, että kirjoitetaan niihin laatikkoihin jotain, sitten kun lähetetän, se tulee suoraan sähköpostiini..

Miten tuollaiseen boxiin (esim. Postiosoite) saa valmiiksi tekstiä?

Esimerkki:
"Kotisivut tähän:
http://kirjoitaomaa";

omille kotisivuille voi tehdä kommentointi palvelun

Tiedätkö miten voi tehdä sellaisen gallupin, jossa näkyy vastauksen jälkeen prosenttimäärä vastauksista?

"Mitens sitten ku lomake on valmis, nii millä saa muutettua sitä "kiitos palautteestasi" -sivua, mulla kun siellä lukee ihan lontoon murteella että thank you for your blaah blaah blaah..."

Mä käytän yleensä tällästä litanjaa:

<FORM ACTION="/cgi-bin/lomake.cgi" METHOD="POST">
<input type="hidden" name="receiver" value="aaa@aa.com">
<input type="hidden" name="subject" value="Palautetta">
<input type="hidden" name="title" value="Kiitos palautteestasi!">
<input type="hidden" name="ok_message" value="Kiitos palautteestasi">
<input type="hidden" name="backurl" value="http://www.kauhajoki.fi">;
<input type="hidden" name="backurlname" value="Takaisin pääsivulle">

muistaakseni sen taustavärinki voi vaihtaa samalla tyylillä.

nii ei tässä muuta mutta kun on tuo kyselylomake niin kun painan lähetä niin siihen tulee se host osote esim: www.blaablaa.com/tähän tulee se sähköposti mihin sen pitäsi se lähettää. että onkos ideoita?

Lisää oma kommentti