Laatst bijgewerkt op
25 apr. 2024
Voor de blijvende HTML5-ondersteuning in Dreamweaver zijn nieuwe kenmerken geïntroduceerd voor bepaalde formulierelementen. Daarnaast zijn er vier nieuwe HMTL5-formulierelementen geïntroduceerd.
U kunt de formulierelementen vinden in het deelvenster Invoegen. Selecteer Venster > Invoegen. Selecteer Formulieren in het menu van het deelvenster Invoegen.
Nieuwe veelgebruikte kenmerken voor formulierelementen
De volgende nieuwe kenmerken worden veel gebruikt voor alle formulierelementen:
- Disabled: selecteer deze optie als u wilt dat de browser het element uitschakelt.
- Required: selecteer deze optie als u wilt dat de browser controleert of er een waarde is opgegeven.
- Auto complete: selecteer deze optie als u wilt dat waarden automatisch worden ingevoerd wanneer de gebruiker informatie in een browser invoert.
- Auto focus: selecteer deze optie als u de focus op dit element wilt plaatsen wanneer de pagina wordt geladen in de browser.
- Read only: selecteer deze optie als u de waarde van het element wilt instellen op alleen-lezen.
- Form: geeft een of meer formulieren aan waartoe een <input>-element behoort.
- Name: de unieke naam die wordt gebruikt om naar het object in de code te verwijzen.
- Place holder: tip die de verwachte waarde aangeeft.
- Pattern: reguliere expressie waartegen de waarde van het element wordt gevalideerd.
- Title: Aanvullende informatie over een element. Weergegeven als knopinfo.
- Tab Index: hiermee geeft u voor het huidige element de positie in de tabvolgorde voor het huidige document op.
Formulierelementen met gewijzigde kenmerken
- Form No Validate: Selecteer deze optie om formuliervalidatie uit te schakelen. Deze selectie overschrijft het kenmerk Niet valideren op formulierniveau.
- Form Enc Type: een MIME-type waarmee een gebruikersagent dit element kan koppelen voor het verzenden van het formulier.
- Form Target: een contextnaam of trefwoord voor bladeren dat het doel van het besturingselement vertegenwoordigt.
- Accept charset: geeft de tekencoderingen aan die worden gebruikt voor het verzenden van formulieren.
Notitie
De koppelingen voor kenmerken bevatten informatie over alle kenmerken die worden vermeld in de HTML5-specificaties. Niet alle kenmerken zijn aanwezig in het deelvenster Eigenschappen. U kunt de codeweergave gebruiken om kenmerken toe te voegen die niet aanwezig zijn in het deelvenster.
| Formulierelement | Nieuwe attributen specifiek voor het element | Beschrijving van attributen |
| Tekstveld | Lijst | http://www.w3.org/TR/html-markup/input.text.html |
| Knop | <Geen nieuw specifiek kenmerk> | http://www.w3.org/wiki/HTML/Elements/button |
| Selectievakje | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/html-markup/input.checkbox.html |
| Bestand | Meerdere | http://www.w3.org/TR/html-markup/input.file.html |
| Form | No validate, Accept charset | http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html |
| Verborgen | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html |
| Wachtwoord | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/html-markup/input.password.html |
| Afbeelding | Breedte, Hoogte, Actie, Methode, Formulier niet valideren, Formulier coderingstype, Formulierdoel. | http://www.w3.org/TR/html-markup/input.image.html |
| Herstellen | <Geen nieuw specifiek kenmerk> | http://dev.w3.org/cvsweb/html5/markup/button.reset.html |
| Verzenden | Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. | http://www.w3.org/TR/html-markup/input.submit.html |
| Keuzerondje | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/html-markup/input.radio.html |
| Tekstgebied | Rijen, Kolommen, Tijdelijke aanduiding, Tekstterugloop, Maximale lengte, Tabindex | http://www.w3.org/TR/html-markup/textarea.html |
| Keuzelijst | Grootte | http://www.w3.org/wiki/HTML/Elements/select |
HTML5-formulierelementen
| Formulierelement | Beschikbaar in | Beschrijving | Omschrijving van kenmerken |
| Kleur | 12.2 | Voor invoervelden die een kleur moeten bevatten. | http://www.w3.org/TR/html-markup/input.color.html |
| Datum | 12.2 | Besturingselement waarmee de gebruiker een datum kan selecteren. | http://www.w3.org/TR/html-markup/input.date.html |
| Datum en tijd | 12.2 | Hiermee kan de gebruiker een datum en tijd (met de tijdzone) selecteren. | http://www.w3.org/TR/html-markup/input.datetime.html |
| Lokale datum en tijd | 12.2 | Hiermee kan de gebruiker een datum en tijd (zonder tijdzone) selecteren. | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| Maand | 12.2 | Hiermee kan de gebruiker een maand en jaar selecteren. | http://www.w3.org/TR/html-markup/input.month.html |
| Getal | 12.2 | Voor velden die alleen getallen moeten bevatten. | http://www.w3.org/TR/html-markup/input.number.html |
| Bereik | 12.2 | Voor velden die waarden uit een bereik met getallen moeten bevatten. | http://www.w3.org/TR/html-markup/input.range.html |
| Tijd | 12.2 | Hiermee kan de gebruiker een tijd selecteren. | http://www.w3.org/TR/html-markup/input.time.html |
| Week | 12.2 | Hiermee kan de gebruiker een week en jaar selecteren. | http://www.w3.org/TR/html-markup/input.week.html |
| 12.1 | Een besturingselement voor het bewerken van een lijst met e-mailadressen die is opgegeven in de waarde voor het element. | http://www.w3.org/TR/html-markup/input.email.html | |
| Zoeken | 12.1 | Een besturingselement van één regel voor bewerking van normale tekst waarmee u een of meer zoektermen kunt invoeren. | http://www.w3.org/TR/html-markup/input.search.html |
| Telefoon (tel) | 12.1 | Een besturingselement van één regel voor bewerking van normale tekst waarmee u een telefoonnummer kunt invoeren. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL | 12.1 | Een besturingselement voor het bewerken van een absolute URL die is opgegeven in de waarde voor het element. | http://www.w3.org/TR/html-markup/input.url.html |
Verwante informatie
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
