ColdFusion-formulieren maken en inschakelen in Dreamweaver

Laatst bijgewerkt op 25 apr. 2024
Notitie

Ondersteuning voor ColdFusion is verwijderd in Dreamweaver en later.

ColdFusion-formulieren

ColdFusion formulieren bieden je verschillende ingebouwde mechanismen om formuliergegevens te valideren. Je kunt bijvoorbeeld controleren of een gebruiker een geldige datum heeft ingevoerd. Sommige formulierbesturingselementen hebben extra functies. Verschillende hebben geen HTML-tegenhangers, en andere ondersteunen direct het dynamisch vullen van het besturingselement vanuit databronnen.

Dreamweaver biedt een aantal verbeteringen voor ColdFusion-ontwikkelaars die ColdFusion MX 7 of later gebruiken als hun ontwikkelingsserver. Deze verbeteringen omvatten meer knoppen voor het paneel Invoegen, menuitems en eigenschapsinspecteurs zodat je snel ColdFusion-formulieren kunt bouwen en de eigenschappen ervan kunt instellen. Je kunt ook code genereren die de informatie valideert die websitebezoekers opgeven. Je kunt bijvoorbeeld controleren of het e-mailadres dat een gebruiker opgeeft het @-symbool bevat, of dat een verplicht tekstveld een bepaald type waarde bevat.

ColdFusion-verbeteringen inschakelen

Sommige van deze verbeteringen vereisen dat je een computer met ColdFusion MX 7 of later definieert als test server voor Dreamweaver. De eigenschapsinspecteurs voor formulierbesturingselementen zijn bijvoorbeeld alleen beschikbaar als je de juiste test server opgeeft.

Je definieert een testserver slechts één keer.Dreamweaver detecteert vervolgens automatisch de versie van de test server en maakt de verbeteringen beschikbaar als het ColdFusion detecteert.

Als je dit nog niet hebt gedaan, definieer dan een Dreamweaver site voor je ColdFusion project.
Selecteer Site > Sites beheren, selecteer je site uit de lijst en klik op Bewerken.
Selecteer de categorie Servers en specificeer een computer waarop ColdFusion MX 7 of later wordt uitgevoerd als de test server voor je Dreamweaver site.Zorg ervoor dat je een geldige web URL specificeert.
Open een willekeurig ColdFusion-document.

Je ziet geen zichtbare wijzigingen in de Dreamweaver-werkruimte totdat je een ColdFusion-document opent.

ColdFusion-formulieren maken

Je kunt een aantal knoppen van het paneel Invoegen, menuitems en eigenschapsinspectors gebruiken om snel ColdFusion formulieren te maken en hun eigenschappen in Dreamweaver in te stellen.

Notitie

Deze verbeteringen zijn alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of hoger wordt uitgevoerd.

Open een ColdFusion pagina en plaats het invoegpunt waar je het ColdFusion formulier wilt laten verschijnen.
Selecteer Invoegen > ColdFusion Objects > CFForm > CFForm, of selecteer de CFForm-categorie in het deelvenster Invoegen en klik op het CFForm-pictogram.

Dreamweaver voegt een leeg ColdFusion formulier in.In de ontwerpweergave wordt het formulier aangeduid met een gestippelde rode omtrek. Als je deze omtrek niet ziet, zorg er dan voor dat Weergave > Visuele hulpmiddelen > Onzichtbare elementen is geselecteerd.

Zorg ervoor dat het formulier nog steeds is geselecteerd en gebruik daarna de Property inspector om een van de volgende formuliereigenschappen in te stellen.

CFForm

Hier geeft u het formulier een naam.

Actie

Hiermee kun je de naam opgeven van de ColdFusion-pagina die wordt verwerkt wanneer het formulier wordt ingediend.

Methode

Hiermee kun je de methode definiëren die de browser gebruikt om de formuliergegevens naar de server te verzenden:

POST

Verzendt de gegevens via de HTTP-post-methode; deze methode verzendt de gegevens in een apart bericht naar de server.

GET

Verzendt de gegevens met de HTTP get methode, waarbij de inhoud van de formuliervelden in de URL van query-tekenreeks wordt geplaatst.

Doel

Hiermee kun je de waarde van het target-attribuut van de cfform tag wijzigen.

Type codering

Hier geeft u op welke coderingsmethode wordt gebruikt om de formuliergegevens over te brengen.

Notitie

Het coderingstype heeft niets te maken met tekencodering. Dit kenmerk bepaalt het type inhoud dat wordt gebruikt om het formulier bij de server in te dienen (wanneer de waarde van de methode post is). De standaardwaarde voor dit kenmerk is application/x-www-form-urlencoded.

Indeling

Met deze optie bepaalt u wat voor een soort formulier er wordt gemaakt:

HTML

Hiermee genereert u een HTML-formulier en verstuurt u het naar de client. De cfgrid en cftree onderliggende besturingselementen kunnen in Flash of applet-formaat zijn.

Flash

Hiermee genereert u een Flash-formulier en verstuurt u het naar de client. Alle besturingselementen zijn in Flash-formaat.

XML

Genereert XForms XML en plaatst de resultaten in een variabele met de ColdFusion-formuliernaam.U verzendt niets naar de client. De onderliggende besturingselementen cfgrid en cftree kunnen de Flash- of applet-indeling hebben.

Stijl

Hier geeft u een stijl voor het formulier op. Voor meer informatie zie de ColdFusion-documentatie.

Flash/XML Skin

Hier kunt u een halo-kleur opgeven om de uitvoer te stileren. Het thema bepaalt de kleur die wordt gebruikt voor gemarkeerde en geselecteerde elementen.

Gegevens behouden

Bepaalt of de initiële waarden van besturingselementen moeten worden overschreven met ingediende waarden wanneer het formulier naar zichzelf publiceren.

  • Als false, worden waarden gebruikt die zijn gespecificeerd in de attributen van de besturingselement tag.

  • Bij de instelling Waar worden de ingediende waarden gebruikt.

Bron scripts

Specificeert de URL, relatief aan de web root, van het JavaScript bestand dat klantzijde code bevat die wordt gebruikt door de tag en zijn onderliggende tags. Dit attribuut is nuttig als het bestand zich niet op de standaard locatie bevindt. Dit kenmerk kan vereist zijn in sommige hostingomgevingen en configuraties die toegang tot de /CFIDE-directory blokkeren.De standaard locatie wordt ingesteld in de ColdFusion Administrator; standaard is dit /CFIDE/scripts/cfform.js.

Archief

Specificeert de URL van downloadbare Java klassen voor cfgrid, cfslider en cftree applet besturingselementen. De standaardlocatie is /CFIDE/classes/cfapplets.jar.

Hoogte

Hiermee geeft u de hoogte van het formulier op.

Breedte

Hiermee geeft u de breedte van het formulier op.

Tag-editor voor cfform weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

Voeg ColdFusion-formulierbesturingselementen in.

Plaats het invoegpunt waar je wilt dat het ColdFusion formulier besturingselement verschijnt in het ColdFusion formulier, en selecteer vervolgens het besturingselement uit het menu Invoegen (Invoegen > ColdFusion Objects > CFForm), of uit de CFForm categorie in het paneel Invoegen.

Stel indien nodig de eigenschappen van het besturingselement in met de Property inspector.

Zorg ervoor dat het besturingselement is geselecteerd in de Ontwerpweergave en stel vervolgens de eigenschappen in de Property inspector in. Voor meer informatie over de eigenschappen klikt u op het Help-pictogram in de Property inspector.

Pas de indeling van het ColdFusion-formulier aan.

Als je een HTML-gebaseerd formulier maakt, kun je regeleinden, alineabreuken, vooraf opgemaakte tekst of tabellen gebruiken om je formulieren op te maken. Je kunt geen ColdFusion formulier in een ander ColdFusion formulier invoegen (dat wil zeggen, je kunt tags niet overlappen), maar je kunt meer dan één ColdFusion formulier in een pagina opnemen.

Als je een Flash-gebaseerd formulier maakt, gebruik Cascading Style Sheets (CSS) stijlen om je formulier op te maken. ColdFusion negeert alle HTML in het formulier.

Vergeet niet om de ColdFusion-formuliervelden te labelen met beschrijvende tekst zodat gebruikers weten waarop ze reageren. Maak bijvoorbeeld een "Typ je naam label" om naamgegevens op te vragen.

ColdFusion-formulierbesturingselementen invoegen

Gebruik het paneel Invoegen of het menu Invoegen om snel ColdFusion-formulierbesturingselementen in een ColdFusion-formulier in te voegen. Je moet een leeg ColdFusion-formulier maken voordat je er besturingselementen in invoegt.

Notitie

Deze verbeteringen zijn alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of hoger wordt uitgevoerd.

Plaats in de weergave Ontwerpen het invoegpunt binnen de formulieromtrek.
Selecteer het besturingselement in het menu Invoegen (Invoegen > ColdFusion-objecten > CFForm), of in de categorie CFForm in het paneel Invoegen.
Klik op het besturingselement op de pagina om het te selecteren en stel vervolgens de eigenschappen ervan in via de Eigenschappencontrole.

Voor informatie over de eigenschappen van specifieke besturingselementen, zie de onderwerpen over de besturingselementen.

ColdFusion-tekstvelden invoegen

Je kunt visueel een ColdFusion-tekstveld of wachtwoordveld in je formulier invoegen en vervolgens de opties ervan instellen.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of hoger wordt uitgevoerd.

Voeg visueel een ColdFusion-tekstveld in

Plaats in de weergave Ontwerpen het invoegpunt binnen de formulieromtrek.
Klik in de categorie CFForm van het paneel Invoegen op het pictogram CF-tekstveld of selecteer Invoegen > ColdFusion-objecten > CFForm > CFtextfield.

Er wordt een tekstveld in het formulier weergegeven.

Selecteer het tekstveld en stel de eigenschappen ervan in via de eigenschappencontrole.
Om het tekstveld op de pagina te labelen, klik je ernaast en voer je tekst in voor het label.

Een wachtwoordveld visueel invoegen

Herhaal stap één en twee uit de vorige procedure voor het invoegen van een tekstveld.
Selecteer het ingevoegde tekstveld om het eigenschappenpaneel weer te geven.
Selecteer de waarde Wachtwoord in het pop-upmenu Tekstmodus in de eigenschappencontrole.

CFTextField-opties (ColdFusion)

Om de opties van een ColdFusion-tekst- of wachtwoordveld in te stellen, stel je een van de volgende opties in via de eigenschappencontrole CFTextField:

CF-tekstveld

Hiermee stelt u het kenmerk id van de tag <cfinput> in.

Waarde

Hiermee kun je tekst opgeven die in het veld wordt weergegeven wanneer de pagina voor het eerst wordt geopend in een browser. De informatie kan statisch of dynamisch zijn.

Om een dynamische waarde op te geven, klik je op het bliksemschichtpictogram naast het veld Waarde en selecteer je een recordsetkolom in het dialoogvenster Dynamische gegevens. De recordsetkolom levert een waarde aan het tekstveld wanneer je het formulier bekijkt in een browser.

Tekstmodus

Hiermee kun je schakelen tussen het standaard tekstinvoerveld en het wachtwoordinvoerveld. Het kenmerk dat door dit besturingselement wordt gewijzigd is type.

Alleen-lezen

Hiermee maakt u de weergegeven tekst alleen-lezen.

Max. lengte

Stelt het maximum aantal tekens in dat wordt geaccepteerd door het tekstveld.

Masker

Hier kunt u een masker voor de gevraagde tekst opgeven. Gebruik deze eigenschap om de gebruikersinvoer te valideren. Het maskernotatie bestaat uit A, 9, X en ? tekens.

Notitie

Het maskerkenmerk wordt genegeerd voor de tag cfinput type="password".

Valideren

Hier geeft u het type validatie op voor het huidige veld.

Valideren bij

Geeft aan wanneer het veld wordt gevalideerd: onSubmit, onBlur of onServer.

Label

Hier kunt u een label voor het tekstveld opgeven.

Patroon

Hiermee kun je een JavaScript reguliere expressie patroon opgeven om invoer te valideren. Laat de schuine strepen aan het begin en aan het einde achterwege. Voor meer informatie, zie de ColdFusion documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven.

Grootte

Hier kunt u de grootte van het besturingselement opgeven.

Vereiste

Hiermee kun je opgeven of het tekstveld gegevens moet bevatten voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

Verborgen ColdFusion-velden invoegen

Je kunt visueel een ColdFusion verborgen veld in je formulier invoegen en de eigenschappen ervan instellen. Gebruik verborgen velden om informatie op te slaan en te verzenden die de gebruiker niet invoert. De informatie is verborgen voor de gebruiker.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later draait.

Plaats in de ontwerpweergave het invoegpunt binnen de formulieromtrek.
Klik in de categorie CFForm van het deelvenster Invoegen op het pictogram CF Hidden Field.

In het ColdFusion-formulier wordt een markering weergegeven. Als je de markering niet ziet, selecteer Weergave > Visuele hulpmiddelen > Onzichtbare elementen.

Selecteer het verborgen veld op de pagina en stel een van de volgende opties in de eigenschappeninspector in:

Verborgen CF-veld

Hier geeft u het verborgen veld een unieke naam.

Waarde

Hier kunt u een waarde voor het verborgen veld opgeven. De gegevens kunnen statisch of dynamisch zijn.

Om een dynamische waarde op te geven, klik je op het bliksempictogram naast het vak Waarde en selecteer je een recordsetkolom in het dialoogvenster Dynamische gegevens. De recordsetkolom levert een waarde aan het tekstveld wanneer je het formulier in een browser bekijkt.

Valideren

Hier geeft u het type validatie op voor het huidige veld.

Valideren bij

Geeft aan wanneer het veld wordt gevalideerd: onSubmit, onBlur of onServer.

Label

Hier geeft u een label voor het besturingselement op. Deze eigenschap wordt genegeerd door de ColdFusion-server tijdens uitvoering.

Patroon

Hiermee kun je een JavaScript reguliere expressie patroon opgeven om invoer te valideren. Laat de schuine strepen aan het begin en aan het einde achterwege. Voor meer informatie zie de ColdFusion-documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Grootte

Hier kunt u de grootte van het besturingselement opgeven. Deze eigenschap wordt genegeerd door de ColdFusion server tijdens uitvoering.

Vereiste

Hiermee kun je opgeven of het verborgen veld gegevens moet bevatten voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

ColdFusion-tekstgebieden invoegen

Je kunt visueel een ColdFusion-tekstgebied in je formulier invoegen en de eigenschappen ervan instellen.Een tekstgebied is een invoerelement dat bestaat uit meerdere regels tekst.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later wordt uitgevoerd.

Plaats de invoegpositie in het formulier.
Klik in de categorie CFForm van het paneel Invoegen op het pictogram CF Text Area.

Er wordt een tekstgebied in het ColdFusion-formulier weergegeven.

Selecteer het tekstgebied op de pagina en stel een van de volgende opties in bij de Property inspector:

Cftextarea

Hier geeft u een unieke naam voor het besturingselement op.

Tekenbreedte

Hier kunt u het aantal tekens per regel instellen.

Aantal lijnen

Hiermee kun je het aantal rijen instellen dat wordt weergegeven in het tekstgebied.

Tekstterugloop

Hiermee kun je opgeven hoe de tekst die gebruikers invoeren moet worden afgebroken.

Vereiste

Hiermee kun je opgeven of de gebruiker gegevens moet invoeren in het veld (aangevinkt) of niet (niet aangevinkt).

Beginwaarde

Hiermee kun je tekst opgeven die wordt weergegeven in het tekstgebied wanneer de pagina voor het eerst wordt geopend in een browser.

Valideren

Hier geeft u het type validatie op voor het veld.

Valideren bij

Geeft aan wanneer het veld wordt gevalideerd: onSubmit, onBlur, of onServer.

Label

Hier geeft u een label voor het besturingselement op.

Stijl

Hier geeft u een stijl voor het besturingselement op. Voor meer informatie, zie de ColdFusion-documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

Om het tekstgebied een label te geven, klik je ernaast en voer je tekst in voor het label.

ColdFusion-knoppen invoegen

Je kunt een ColdFusion-knop in je formulier invoegen en de eigenschappen ervan instellen.Met ColdFusion-knoppen kunnen bewerkingen van ColdFusion-formulieren worden bestuurd. Buttons kunnen worden gebruikt om ColdFusion-formuliergegevens naar de server te verzenden of om het ColdFusion-formulier te resetten. Standaard ColdFusion buttons hebben typisch het label Submit, Reset of Send. Je kunt ook andere verwerkingstaken toewijzen die je hebt gedefinieerd in een script.De knop kan bijvoorbeeld de totale kosten van geselecteerde items berekenen op basis van toegewezen waarden.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later wordt uitgevoerd.

Plaats het invoegpunt binnen de omtrek van het ColdFusion-formulier.
Klik in de categorie CFForm van het paneel Invoegen op het pictogram CF Button.

In het ColdFusion-formulier wordt een knop weergegeven.

Selecteer de button op de pagina en stel een van de volgende opties in bij de Property inspector:

Cf-knop

Hier geeft u een unieke naam voor het besturingselement op.

Actie

Hier kunt u opgeven welk type knop u wilt maken.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

De andere eigenschappen worden door de ColdFusion server genegeerd tijdens de uitvoering.

ColdFusion-selectievakjes invoegen

Je kunt visueel een ColdFusion-selectievakje invoegen in je formulier en de eigenschappen ervan instellen. Gebruik selectievakjes om gebruikers meer dan een optie te laten selecteren uit een set opties.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later wordt uitgevoerd.

Plaats de invoegpositie in het formulier.
Klik in de categorie CFForm van het paneel Invoegen op het pictogram CF Checkbox.

In het ColdFusion-formulier wordt een selectievakje weergegeven.

Selecteer het selectievakje op de pagina en stel een van de volgende opties in bij de Property inspector:

Cf-selectievakje

Hier geeft u een unieke naam voor het besturingselement op.

Geselecteerde waarde

Hiermee kun je een waarde opgeven die door het selectievakje wordt geretourneerd als de gebruiker het aanvinkt.

Status bij openen

Hiermee kun je opgeven of het selectievakje is aangevinkt wanneer de pagina voor het eerst wordt geopend in een browser.

Valideren

Hier geeft u het type validatie op voor het selectievakje.

Valideren bij

Geeft aan wanneer het selectievakje wordt gevalideerd: onSubmit, onBlur of onServer.

Label

Hier geeft u een label voor het selectievakje op.

Patroon

Hiermee kun je een JavaScript reguliere expressie Patroon opgeven om invoer te valideren. Laat de schuine strepen aan het begin en aan het einde achterwege. Voor meer informatie zie de ColdFusion-documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Grootte

Hier kunt u de grootte van het besturingselement opgeven. Deze eigenschap wordt tijdens runtime genegeerd door de ColdFusion server.

Vereiste

Hiermee kun je opgeven of het selectievakje moet zijn aangevinkt voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

Om het selectievakje te labelen, klik je naast het selectievakje op de pagina en voer je tekst in voor het label.

ColdFusion-keuzerondjes invoegen

Je kunt een ColdFusion-keuzerondje in je formulier invoegen en de eigenschappen ervan instellen.Gebruik keuzerondjes wanneer je wilt dat gebruikers slechts één keuze selecteren uit een set opties. Keuzerondjes worden doorgaans in groepen gebruikt. Alle keuzerondjes in een groep moeten dezelfde naam hebben.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later draait.

Plaats de invoegpositie in het formulier.
Selecteer Invoegen > ColdFusion Objects > CFForm > CFradiobutton.

In het ColdFusion-formulier wordt een keuzerondje weergegeven.

Selecteer het keuzerondje op de pagina en stel een van de volgende opties in de Property inspector in:

Cf-keuzerondje

Hier geeft u een unieke naam voor het besturingselement op.

Geselecteerde waarde

Hiermee kun je een waarde opgeven die door het keuzerondje wordt geretourneerd als de gebruiker het aanvinkt.

Status bij openen

Hiermee kun je opgeven of het keuzerondje is aangevinkt wanneer de pagina voor het eerst wordt geopend in een browser.

Valideren

Hier geeft u het type validatie op voor het keuzerondje.

Valideren bij

Geeft aan wanneer het keuzerondje wordt gevalideerd: onSubmit, onBlur of onServer.

Label

Hier geeft u een label voor het keuzerondje op.

Patroon

Hiermee kun je een JavaScript reguliere expressie Patroon opgeven om invoer te valideren. Laat de schuine strepen aan het begin en aan het einde achterwege. Voor meer informatie, zie de ColdFusion documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Grootte

Hier kunt u de grootte van het besturingselement opgeven. Deze eigenschap wordt tijdens runtime genegeerd door de ColdFusion server.

Vereiste

Hiermee kun je opgeven of het keuzerondje moet zijn aangevinkt voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

Om het keuzerondje te labelen, klik je ernaast op de pagina en voer je tekst in voor het label.

ColdFusion-selecties invoegen

Je kunt visueel een ColdFusion-keuzelijst in je formulier invoegen en de eigenschappen ervan instellen.Met een selectievak kan een bezoeker een of meer items uit een lijst selecteren. Keuzelijsten zijn handig wanneer je beperkte ruimte hebt maar veel items moet weergeven. Ze zijn ook handig wanneer je de waarden wilt controleren die naar de server worden teruggestuurd. In tegenstelling tot tekstvelden, waar gebruikers alles kunnen typen wat ze willen, inclusief ongeldige gegevens, kun je bij keuzelijsten de exacte waarden instellen die door een menu worden teruggestuurd.

Je kunt twee typen keuzelijsten in een formulier invoegen: een menu dat 'uitklapt' wanneer de gebruiker erop klikt, of een menu dat een scrollbare lijst met items weergeeft waaruit de gebruiker kan selecteren.

Notitie

Deze uitbreiding is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of hoger wordt uitgevoerd.

Plaats de invoegpositie in het formulier.
Klik in de categorie CFForm van het deelvenster Invoegen op het pictogram CF Select.

In het ColdFusion-formulier wordt een selectie weergegeven.

Selecteer de keuzelijst op de pagina en stel een van de volgende opties in het venster Eigenschappen in:

Cf-selectie

Hier geeft u een unieke naam voor het besturingselement op.

Type

Hier kunt u kiezen tussen een pop-upmenu of een lijst. Als je het lijsttype selecteert, worden de opties Lijsthoogte en Meerdere lijstselecties toestaan beschikbaar.

Lijsthoogte

Hiermee kun je het aantal regels opgeven dat in het lijstmenu moet worden weergegeven. Deze optie is alleen beschikbaar als u het lijsttype selecteert.

Meerdere lijstselecties toestaan

Hiermee kun je opgeven of de gebruiker tegelijkertijd meer dan één optie uit de lijst kan selecteren. Alleen beschikbaar als je het lijsttype selecteert.

Waarden bewerken

Opent een dialoogvenster waarin je opties kunt toevoegen, bewerken of verwijderen uit de keuzelijst.

In eerste instantie geselecteerd

Hier kunt u instellen welke optie standaard is geselecteerd. Je kunt meer dan één optie selecteren als je de optie Meerdere lijstselecties toestaan hebt geselecteerd.

Recordset

Hiermee kun je de naam opgeven van de ColdFusion-query die je wilt gebruiken om de lijst of het menu te vullen.

Kolom weergeven

Hiermee kun je de recordsetkolom opgeven die het weergavelabel van elk lijstelement levert. Wordt gebruikt met de eigenschap Recordset.

Waarde kolom

Hiermee kun je de recordsetkolom opgeven die de waarde van elk lijstelement levert. Wordt gebruikt met de eigenschap Recordset.

Flash-label

Hier geeft u een label voor de selectie op.

Flash-hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Flash-breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Bericht

Geeft het bericht op dat wordt weergegeven als de eigenschap Vereist is ingesteld op Ja en de gebruiker heeft gefaald een selectie te maken voordat het formulier wordt verzonden.

Vereiste

Hiermee kun je opgeven of een menu-item moet worden geselecteerd voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

ColdFusion-afbeeldingsvelden invoegen

Je kunt visueel een ColdFusion-afbeeldingsveld in je formulier invoegen en de opties instellen. Met afbeeldingsvelden kunt u aangepaste knoppen maken.

Notitie

Deze uitbreiding is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of hoger wordt uitgevoerd.

Plaats het invoegpunt in de ontwerpweergave binnen de formulieromtrek.
Klik in de categorie CFForm van het paneel Invoegen op het pictogram CF-afbeeldingsveld. Blader om de afbeelding te selecteren die u wilt invoegen en klik op OK.Je kunt ook het pad van het afbeeldingsbestand invoeren in het vak Src.
Notitie

Als de afbeelding zich buiten de hoofdmap van de site bevindt, moet je de afbeelding naar de hoofdmap kopiëren. Afbeeldingen buiten de hoofdmap zijn mogelijk niet toegankelijk wanneer je de site publiceert.

Selecteer het afbeeldingsveld op de pagina en stel een van de volgende opties in de Eigenschap-inspector in:

Cf-afbeeldingsveld

Hier geeft u een unieke naam voor het besturingselement op.

Bron

Hier kunt u de URL van de ingevoegde afbeelding opgeven.

Alt

Hier kunt u een bericht opgeven dat wordt weergegeven als de afbeelding niet kan worden weergegeven.

Uitlijnen

Hier kunt u de uitlijning van de afbeelding opgeven.

Rand

Hier kunt u de breedte van de afbeeldingsrand instellen.

Afbeelding bewerken

Hiermee opent u de afbeelding in de standaardafbeeldingseditor.

Om een standaard afbeeldingeditor te definiëren, selecteer je Bewerken > Voorkeuren > Bestandstypen / Editors. Anders doet de knop Afbeelding bewerken niets.

Valideren

Hier geeft u het type validatie op voor het afbeeldingsveld.

Valideren bij

Geeft aan wanneer het veld wordt gevalideerd: onSubmit, onBlur, of onServer.

Label

Hier geeft u een label voor het keuzerondje op.

Patroon

Hiermee kun je een JavaScript reguliere expressie patroon opgeven om invoer te valideren. Laat de schuine strepen aan het begin en aan het einde achterwege. Voor meer informatie, zie de ColdFusion-documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven.

Grootte

Hier kunt u de grootte van het besturingselement opgeven. Deze eigenschap wordt genegeerd door de ColdFusion-server tijdens de uitvoering.

Vereiste

Hiermee kun je opgeven of het besturingselement gegevens moet bevatten voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

ColdFusion-bestandsvelden invoegen

Je kunt visueel een ColdFusion-bestandsveld in je formulier invoegen en de eigenschappen ervan instellen.Gebruik een bestandsveld om gebruikers een bestand van hun computer te laten selecteren, zoals een tekstverwerkingsdocument of een grafisch bestand, en het naar de server te uploaden.Een ColdFusion bestand veld ziet eruit als andere tekstvelden, behalve dat het ook een verkennen button heeft. Gebruikers kunnen handmatig het pad naar het bestand dat ze willen uploaden invoeren of de knop Verkennen gebruiken om het bestand te zoeken en te selecteren.

Bestandsvelden vereisen dat je de POST-methode gebruikt om bestanden van de browser naar de server te verzenden. Het bestand wordt verstuurd naar het adres dat je opgeeft in het vak Actie van het formulier.Neem contact op met je serverbeheerder om te bevestigen dat anonieme bestandsuploads zijn toegestaan voordat je een bestandsveld in je formulier gebruikt.

Bestandsvelden vereisen ook dat de formuliercodering wordt ingesteld op multipart/form.Dreamweaver stelt dit automatisch in wanneer je een bestandsveld invoegt.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of hoger wordt uitgevoerd.

Selecteer in de ontwerpweergave het CFForm om zijn Eigenschapinspector weer te geven.

Om het formulier snel te selecteren, klik je ergens in de formulieromtrek en klik je op de <cfform>-tag in de tagselectie onderaan het document-venster.

Stel in de eigenschappencontrole de formuliermethode in op POST.
Selecteer in het pop-upmenu Enctype de optie multipart/form-data.
Plaats het invoegpunt binnen de formulieromtrek waar je het bestandsveld wilt laten verschijnen.
Selecteer Invoegen > ColdFusion Objects > CFForm > CFfilefield.

Er wordt een bestandsveld in het document weergegeven.

Selecteer het bestandsveld op de pagina en stel de volgende eigenschappen in de Eigenschapinspector in:

Cf-bestandsveld

Hier geeft u een unieke naam voor het besturingselement op.

Max. lengte

Hiermee kun je het maximum aantal tekens opgeven dat het pad naar het bestand kan hebben.

Valideren

Hier geeft u het type validatie op voor het veld.

Valideren bij

Geeft aan wanneer het veld wordt gevalideerd: onSubmit, onBlur, of onServer.

Label

Hier geeft u een label voor het veld op.

Patroon

Hiermee kun je een JavaScript reguliere-expressiepatroon opgeven om invoer te valideren.Laat de schuine strepen aan het begin en aan het einde achterwege. Voor meer informatie, raadpleeg de ColdFusion documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven. Deze eigenschap wordt in runtime door de ColdFusion-server genegeerd.

Grootte

Hier kunt u de grootte van het besturingselement opgeven.

Vereiste

Hiermee kun je opgeven of het bestandsveld gegevens moet bevatten voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

ColdFusion-datumvelden invoegen

Hoewel je een ColdFusion datumveld niet visueel kunt invoegen in Dreamweaver, kun je wel visueel de eigenschappen instellen. Een ColdFusion datumveld is een speciaal type tekstveld waarmee gebruikers een datum kunnen selecteren uit een pop-upkalender om deze in het tekstveld in te voegen.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later draait.

Selecteer in de ontwerpweergave het CFForm om de eigenschappencontrole weer te geven.

Om het formulier snel te selecteren, klikt u ergens in de formulieromtrek en klikt u op de <cfform>-tag in de tagselector onderaan het documentvenster.

Stel in de Property inspector de eigenschap Formaat van het formulier in op Flash.

Het datumveldbesturingselement kan alleen worden weergegeven in Flash-gebaseerde ColdFusion-formulieren.

Schakel over naar de codeweergave (Beeld > Code) en voer de volgende tag ergens in tussen de openings- en sluitingstags van CFForm:

<cfinput name="datefield" type="datefield">

Schakel over naar de ontwerpweergave, selecteer het datumveld op de pagina en stel vervolgens een van de volgende opties in de Property inspector in:

Cf-datumveld

Hier geeft u een unieke naam voor het besturingselement op.

Waarde

Hiermee kun je een datum opgeven die wordt weergegeven in het veld wanneer de pagina voor het eerst wordt geopend in een browser. De datum kan statisch of dynamisch zijn.

Om een dynamische waarde op te geven, klik je op het bliksem pictogram naast het vak Waarde en selecteer je een recordset kolom in het dialoogvenster Dynamische gegevens. De recordsetkolom levert een waarde aan het datumveld wanneer je het formulier in een browser bekijkt.

Valideren

Hier geeft u het type validatie op voor het veld.

Valideren bij

Geeft aan wanneer het veld wordt gevalideerd: onSubmit, onBlur, of onServer.

Label

Hier geeft u een label voor het veld op.

Patroon

Hiermee kun je een JavaScript-patroon voor reguliere expressies opgeven om invoer te valideren.Laat de schuine strepen aan het begin en aan het einde achterwege. Voor meer informatie raadpleegt u de ColdFusion-documentatie.

Hoogte

Hier kunt u de hoogte van het besturingselement in pixels opgeven.

Breedte

Hier kunt u de breedte van het besturingselement in pixels opgeven.

Grootte

Hier kunt u de grootte van het besturingselement opgeven.

Vereiste

Hiermee kun je opgeven of het datumveld een waarde moet bevatten voordat het formulier naar de server wordt verzonden.

Tageditor weergeven

Met de tageditor kunt u eigenschappen bewerken die niet in de eigenschappencontrole worden weergegeven.

ColdFusion-formulierbesturingselementen wijzigen

Je kunt de eigenschappen van ColdFusion-formulierbesturingselementen visueel wijzigen, of je nu werkt in de ontwerpweergave of codeweergave.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later draait.

Selecteer in de ontwerpweergave het formulierbesturingselement op de pagina; klik in de codeweergave ergens in de tag van het besturingselement.

De Eigenschap inspector toont eigenschappen van het formulier besturingselement.

Wijzig de eigenschappen van het besturingselement in de eigenschappencontrole.

Voor meer informatie klik je op het Help-pictogram in de Eigenschap inspector.

Om meer eigenschappen in te stellen, klik je op de knop Tag-editor weergeven in de Eigenschap inspector en stel je de eigenschappen in de Tag editor in die verschijnt.

ColdFusion-formuliergegevens valideren

Je kunt ColdFusion-formulieren bouwen in Dreamweaver die de inhoud van opgegeven velden controleren om er zeker van te zijn dat de gebruiker het juiste gegevenstype heeft ingevoerd.

Notitie

Deze verbetering is alleen beschikbaar als je toegang hebt tot een computer waarop ColdFusion MX 7 of later wordt uitgevoerd.

Maak een ColdFusion-formulier dat ten minste één invoerveld en één verzendknop bevat.Zorg ervoor dat elk ColdFusion veld dat je wilt valideren een unieke naam heeft.
Selecteer een veld in het formulier dat u wilt valideren.
In de Eigenschap inspector geef je aan hoe je het veld wilt valideren.

Het onderste gedeelte van elke eigenschapinspector voor invoer bevat besturingselementen om je te helpen bij het definiëren van de specifieke validatieregel.Je wilt bijvoorbeeld opgeven dat een tekstveld een telefoonnummer moet bevatten. Hiervoor selecteer je Telefoon in het pop‑upmenu Waarde in de Eigenschap inspector. Je kunt ook opgeven wanneer je wilt valideren via het pop-upmenu Valideren bij.