ID Vs. Navn Input Med HTML

HTML Web-sider kan inneholde skjemaer for å fange brukerens input. Innenfor disse skjemaene, kan ulike HTML-elementer fange data ved hjelp av tekstbokser, knapper, avmerkingsbokser og rullegardinlister. Når en bruker skriver inn informasjon i en web-skjema, så sender det til området, vil nettleseren ofte sende data fanget til en annen HTML-side eller til en server side script på et språk som PHP eller ASP. Attributtene på innsatselementer, inkludert ID og navn, kan påvirke datafangst og utseende av en form.

Input Element

HTML inngangselementet kan presentere en rekke brukerkontroller innenfor en webside. Følgende eksempelkode demonstrerer en tekstboks:

Brukernavn: <input type = "text" name = "brukernavn" />

Dette markup koden inneholder en tekst-entry element i et webskjema. Brukeren kan skrive inn tekst ved å skrive i tekstboksen. Den type attributt er angitt som tekst, som instruerer nettleseren for å vise elementet som en tekstboks i stedet for noen andre innspill element. for eksempel en knapp, sjekk boksen eller rullegardinlisten. Inngangselementet er ledsaget av et kort stykke tekst som viser hvilken informasjon tekstboksen er for, slik at brukeren vet hva du skal skrive inn.

Attributter

Inngangselementene kan omfatte en rekke attributter som bestemmer deres utseende og funksjon. For eksempel, kan utviklere inkludere hendelsen lytteren attributter bestemme Javascript-funksjoner som skal utføres når brukeren samhandler med en inngang element, som i følgende eksempel markup:

Adresse: <input type = "text" name = "adresse" onclick = "onTextbox ()" />

Utviklere bruker ofte denne teknikken for å forbedre interaktivitet med delene i et webskjema, endre utseendet på sidedeler når brukeren samhandler med bestemte elementer. Drivelementene vanligvis omfatte type og navn attributter, men det kan eventuelt inkludere andre egenskaper i tillegg.

Form Innlevering

Når et webskjema fanger brukerundersøkelser, det inkluderer kode instruere nettleseren for å sende brukeren skrev inn data til en annen webside eller til en server side script. Når denne andre siden eller script mottar data, bruker den navnet attributter for å hente bestemte dataelementer fra skjemaet. Dette betyr at hvis en utvikler ønsker å få tak i brukerens inngang med en spesiell form element på denne måte, må de inneholde attributtnavnet innenfor dette element. For prøven brukernavn og adresse tekstbokser, noen script som mottar dataene kan bruke det angitte navnet attributter for å etablere hva brukeren inngått disse elementene.

Presentasjon

Nettsider kan implementere stil og interaktivitet ved hjelp av Cascading Style Sheet kode og Javascript. Begge disse ofte bruker ID-attributter av elementer. Følgende eksempel CSS-koden demonstrerer identifisere et element med en bestemt ID attributt for styling:

nametext {color: # 333333; }

Følgende eksempel Java demonstrerer anskaffe en referanse til et element med samme ID-attributtet, deretter bruke dynamiske styling egenskaper til det:

Var nameText = document.getElementById ( "nametext");

nameText.style.color = "# 330000";

Begge disse kode utdrag ville arbeide med følgende element:

<Input type = "text" name = "brukernavn" id = "nametext" />

Javascript-funksjonen kan kjøre på en bestemt bruker hendelse, noe som skaper en forbedret nivå av interaktivitet.