HTML Selecteer attributen Javascript

| | | | | | | | | | | | | | | | | | | | | |

De HTML -tag moet een of meer

De gebieden waarop wordt geklikt, vormen een belangrijk onderdeel van veel webformulieren. Met de selectievakjes kunt u gebruikersinvoer accepteren en de opties beperken die een gebruiker kan kiezen uit de opties die u opgeeft.

De HTML -tag gebruikt. We verwijzen naar een voorbeeld om u op weg te helpen met deze tag.

HTML-formulieren

Formulieren zijn een essentieel onderdeel van veel websites en stellen u in staat gebruikersgegevens te accepteren die u zelf kunt samenstellen op uw website. Als u bijvoorbeeld een website voor een café ontwerpt, kunt u een formulier maken dat feedback van klanten accepteert.

In HTML wordt gebruikt om een module aan te geven. Vervolgens kunt u HTML-elementen gebruiken zoals en selecteren om de formuliergegevens in te stellen die worden verzameld. Voor deze tutorial gaan we ons concentreren op de -tag

De HTML-code -elementtag

geen opties. We moeten de gebruiken om de opties in te stellen die in de tag -tag. In dit voorbeeld hebben we ook het kenmerk value gespecificeerd met onze tag wordt ondersteund door alle belangrijke moderne browsers

Waarom u .. Moeten ze de is handig als u de waarden wilt beperken die een gebruiker in een formulier kan invoeren veld. Hier zijn enkele voorbeelden waar de

Stel dat u een webformulier maakt voor een plaatselijke bakkerij. Ons werd gevraagd om een formulier te maken waarmee een gebruiker brood kan bestellen. Dit formulier moet een vervolgkeuzelijst met brood bevatten waaruit een gebruiker een brood kan kiezen. De opties die zouden moeten verschijnen zijn: / ul>

Standaard moet Plain White zijn geselecteerd.

Om deze HTML-dropdown te maken menu , zouden we de volgende code kunnen gebruiken:

Onze code geeft als resultaat:

gebruiken om onze selectielijst te definiëren. We specificeren name attribuut dat de naam van het selectieformulier controle specificeert en kennen het attribuut de waarde breadType toe.

Vervolgens gebruiken we vier -tags om de lijst met opties te maken die aan de gebruiker kunnen worden gepresenteerd. Elk van deze -tags heeft een opgegeven waarde-kenmerk. Dit kenmerk slaat de optiewaarde op die naar de server wordt verzonden wanneer de gebruiker het formulier indient.

De eerste -tag die een normaal wit label weergeeft,< /em> heeft ook een geselecteerd attribuut gespecificeerd. . Dit maakt Kleur: Wit Normaal de standaard geselecteerde optie

We kunnen onze gebruiker toestaan om meerdere opties uit de lijst te selecteren met behulp van het meervoudige attribuut:

Het kenmerk multiple is een trefwoord. Dit betekent dat u geen gelijkteken hoeft te gebruiken om een waarde aan het kenmerk toe te kennen.

Als u meerdere waarden wilt selecteren, houdt u de Ctrl-knop in Windows of de Cmd-knop op Mac ingedrukt.

HTML-tagkenmerken heeft een aantal specifieke HTML-attributen c het kan op de tag worden toegepast, deze zijn als volgt:

Kenmerken Waarde Beschrijving
autofocus autofocus Stelt de focus in op de vervolgkeuzelijst wanneer het document is geladen.
uitgeschakeld uitgeschakeld Geeft aan dat de vervolgkeuzelijst is uitgeschakeld (als een gebruiker geen waarde kan presenteren met behulp van de lijst)
formulier form_id Geeft de vorm aan waarmee een -element is gekoppeld.
meerdere meerdere Hiermee kunnen gebruikers meerdere opties selecteren.
naam naam geeft de naam van het element aan.
verplicht verplicht Geeft aan dat het formulierveld moet worden ingevuld voordat het wordt verzonden.
grootte aantal Specificeert het aantal opties dat bijvoorbeeld aan de gebruiker moet worden getoond. Het HTML-element

Conclusie

die een lijst met vooraf gedefinieerde waarden. Een gebruiker kan een of meer waarden ‚Äã‚Äãuit de lijst kiezen. tag om een dropdown-formulierveld in HTML te maken.

Wilt u meer weten over HTML-programmering? Bekijk onze HTML-leergids . Deze gids bevat de beste tips voor het leren van HTML en een lijst met leermiddelen waarmee u uw kennis kunt uitbreiden.