Senast uppdaterad den
25 apr. 2024
Nya attribut har lagts till för vissa formulärelement i enlighet med det fortsatta stödet för HTML5 i Dreamweaver. Dessutom har fyra nya HTML5-formulärelement införts.
Formulärelementen finns på panelen Infoga. Välj Fönster > Infoga. Välj Formulär på menyn i panelen Infoga.
Nya gemensamma attribut för formulärelement
Följande nya attribut är gemensamma för alla formulärelement:
- Disabled: Välj det här alternativet om du vill att webbläsaren inaktiverar elementet.
- Required: Välj det här alternativet om du vill att webbläsaren ska kontrollera om ett värde har angetts.
- Auto complete: Använd det här alternativet för att fylla i värden automatiskt när användaren anger information i en webbläsare.
- Auto focus: Välj det här alternativet om du vill att fokus ska vara på det här elementet när webbläsaren läser in sidan.
- Read only: Välj det här alternativet för att ställa in värdet för elementet till skrivskyddad.
- Form: Anger ett eller flera formulär som ett <input>-element hör till.
- Name: Unikt namn som referens för elementet i koden.
- Place holder: Beskrivning av det förväntade värdet i ett inmatningsfält.
- Pattern: Reguljärt uttryck som elementets värde valideras mot.
- Title: Extra information om ett element. Visas som ett verktygstips.
- Tab Index: Anger elementets placering i det aktuella dokumentets tabbföljd.
Formulärelement med ändrade attribut
- Form No Validate: Välj det här alternativet för att inaktivera formulärvalidering. Det här alternativet åsidosätter attributet Ingen validering på formulärnivå.
- Form Enc Type: En MIME-typ som en användaragent använder för att associera det här elementet när formuläret skickas.
- Form Target: Ett namn på en bläddringskontext eller ett nyckelord som representerar kontrollens mål.
- Accept charset: Anger den teckenkodning som används när formulär skickas.
Obs!
Länkarna för attribut innehåller information om alla attribut i HTML5-specifikationerna. Alla dessa attribut finns inte på panelen Egenskaper. Du kan använda kodvyn för att lägga till attribut som inte finns på panelen.
HTML5-formulärelement
| Formelement | Tillgängligt i | Beskrivning | Beskrivning av attribut |
| Färg | 12.2 | För inmatningsfält som ska innehålla en färg. | http://www.w3.org/TR/html-markup/input.color.html |
| Date | 12.2 | En funktion som hjälper användaren att välja ett datum. | http://www.w3.org/TR/html-markup/input.date.html |
| Date Time | 12.2 | Låter användaren välja ett datum och en tidpunkt (med tidszon). | http://www.w3.org/TR/html-markup/input.datetime.html |
| Date Time Local | 12.2 | Låter användaren välja ett datum och en tidpunkt (ingen tidszon). | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| Month | 12.2 | Låter användaren välja en månad och ett år. | http://www.w3.org/TR/html-markup/input.month.html |
| Number | 12.2 | För fält som bara ska innehålla tal. | http://www.w3.org/TR/html-markup/input.number.html |
| Range | 12.2 | För fält som ska innehålla värden inom ett sifferintervall. | http://www.w3.org/TR/html-markup/input.range.html |
| Time | 12.2 | Låter användaren välja en tidpunkt. | http://www.w3.org/TR/html-markup/input.time.html |
| Week | 12.2 | Låter användaren välja en vecka och ett år. | http://www.w3.org/TR/html-markup/input.week.html |
| E-post | 12.1 | En funktion för redigering av en lista med e-postadresser som anges i elementets värde. | http://www.w3.org/TR/html-markup/input.email.html |
| Sök | 12.1 | En enradig textredigeringsfunktion för ett eller flera sökord. | http://www.w3.org/TR/html-markup/input.search.html |
| Telefon (Tel) | 12.1 | En enradig textredigeringsfunktion för telefonnummer. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL | 12.1 | En funktion för redigering av en absolut webbadress i elementets värde. | http://www.w3.org/TR/html-markup/input.url.html |
Liknande innehåll
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
