Søker etter data i sql. Fulltekstsøk i Microsoft SQL Server
Hei, kjære lesere av bloggsiden. Som en del av vår studie av forviklinger, som neste oppgave, vil vi fortsette å analysere detaljene for å lage skjemaer på nettstedet ved å bruke de riktige.
I dag skal vi se på hvordan du lager rullegardin (rullegardin) lister, inkludert flervalg, ved hjelp av valg og alternativ, hvordan konstruere tekstfelt via tekstområde, og snakke også om muligheten for å utvide funksjonaliteten til skjemaer ved å bruke tagger feltsett, etikett og forklaring.
La meg minne deg på at ethvert skjema som finnes på siden er opprettet ved hjelp av og er ment å legge inn informasjon fra brukeren og sende den til serveren (eksempel - ).
Dessverre lar ikke hypertekstmarkeringsspråkverktøy oss direkte behandle denne informasjonen, så ved å bruke HTML lager vi bare utseendet til skjemaet, og de nødvendige dataene sendes til behandling. For dette formålet opprettes en spesiell fil målrettet på webserveren, skrevet på et av serverspråkene (oftest PHP). La oss si, for tilbakemelding, kan du opprette en mail.php-fil, som vil være behandleren.
Når du bruker informasjonen innhentet i denne publikasjonen i praksis, ikke glem hvordan den skal se ut, hvor kodene til alle synlige sideelementer, inkludert skjemaer, alltid er plassert i body-taggen.
Denne informasjonen er ekstremt nødvendig, for selv om du bruker alle de moderne utviklerverktøyene som er innebygd i dem (la meg minne deg om at det første tegnet i implementeringen av denne funksjonaliteten var), må du tydelig forstå mekanismen for å bruke hovedtaggene, da redigering av HTML-koden, behovet for det oppstår fra tid til annen, vil bli en hyggelig aktivitet.
2. Flere— dette attributtet, som ikke har noen parametere, tillater flere valg, i motsetning til eksemplet ovenfor, hvor du bare kan velge ett element (linje). Prøv å velge flere linjer i denne listen med musen samtidig (en om gangen hvor som helst, hold nede Ctrl-tasten, eller bruk Shift, følg på rad etter hverandre):
3. Størrelse— angir høyden på rullegardinlisten, det vil si antall linjer som vises. Hvis multiple-attributtet er tilstede og størrelsesverdien ikke er spesifisert (som i eksempelet ovenfor), da som standard vises fire linjer, og for eksempel med size="5" vil fem være synlige:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
4. Obligatorisk(har ingen parametere) – definerer at et valg må gjøres før data sendes til prosessoren. Hvis et element fra listen ikke er valgt, sendes ikke skjemadataene:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
5. Autofokus(spiller ingen rolle) - setter fokus på listen umiddelbart etter at siden er lastet inn. I tillegg, hvis brukeren er vant til å utføre de fleste handlingene ved hjelp av taster, vil nettopp et slikt forhåndskonfigurert fokus bidra til å gjøre valg fra listen ved hjelp av pilene på tastaturet uten bruk av musen:
|
|
6. Funksjonshemmet(ingen parametere) - blokkerer tilgang til listen (deaktiverer den). I praksis brukes det vanligvis i forbindelse med skript i tilfeller der du trenger å aktivere en rullegardinliste bare når visse betingelser er oppfylt:
7. Skjema— kommuniserer listen med ett eller flere skjemaer som den tilhører, men er plassert utenfor containeren
. I dette tilfellet skrives parameteren som verdien av formattributtet global attributt-ID som legges til skjemakoden:|
Velg Alternativ Tekstområdeetikett Feltsettforklaring fra listen |
Ikke forveksle select tag-attributtet med hovedformkoden. I eksemplet ovenfor ble id="data"-attributtet lagt til form-taggen, og form="data" ble lagt til select-taggen, noe som gjorde det mulig å knytte nedtrekkslisten til et spesifikt skjema.
Alternativ Tag-attributter
1. Verdi— definerer verdien fra rullegardinlisten som skal sendes til serveren (skjemabehandler). Faktisk får behandleren tilsendt et navn, som spesifiseres av navneattributtet til select-taggen, og verdi verdi(for dette eksemplet - 1, 2, 3, 4, 5), tilsvarende den valgte linjen i rullegardinlisten:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
2. Funksjonshemmet— blokkerer valget av et rullegardinlisteelement.
|
Alternativ Tekstområdeetikett Feltsettforklaring |
Som du kan se fra eksempelet, er "Alternativ"-linjen inaktiv og kan ikke velges.
3. Merkelapp— viser tekstinnholdet (som er verdien) til et bestemt listeelement. Hvis etiketten er tilstede, skrives en linje som er identisk med verdien av dette attributtet, og tekstinnholdet i alternativ-taggen ignoreres. Det samme skjer hvis innholdet mellom helt fraværende.
|
Tag Textarea Tag Label Tag Fieldset Tag Legend |
Se. I eksemplet ovenfor er den første linjen for alternativ i koden tom (på venstre side av tabellen), men parameteren label="Option Tag" er skrevet, som et resultat vil denne spesielle teksten vises i listen (på høyre side). Den andre linjen med kode inneholder teksten "Textarea Tag" som innholdet i alternativ-taggen, men rullegardinmenyen til høyre viser ordet "Textarea" for å matche verdien av label="Textarea".
4. Valgt— velger gjeldende rullegardinlisteelement:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
Hvis multiple-attributtet er til stede, er det mulig å velge mer enn ett element:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
Attributter til optgroup-taggen
Hvis rullegardinlisten på en eller annen måte må sorteres, for eksempel deles inn i grupper, brukes en beholder for hver av disse gruppene, som består av åpnings- og lukkingoptgroup-taggene, som inneholder deler av rullegardinlisten. Det er imidlertid to attributter for å sette opp en slik nedtrekksliste.
1. Merkelapp— setter navnet på hver gruppe som en parameter:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
Det samme, men med multiple og size="7" av select-taggen:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
2. Funksjonshemmet(ingen verdier) - blokkerer utvalget av elementer i gruppen den er installert i forhold til, og inaktive elementer er vanligvis uthevet i grått:
|
Alternativ Tekstområdeetikett Feltsettforklaring |
En kort video kommer godt med her:
Tekstfelt i et skjema som bruker tekstområde
Et annet skjemaelement for nettstedet som vi vil vurdere er et felt med muligheten til å legge inn tekst med flere linjer. Den kan opprettes ved hjelp av tekstområde-taggen. Uten standardattributtene vil bruk av denne taggen gi følgende resultat:
|
Skriv inn tekst: |
Du kan utføre linjeskift i feltet, og teksten vil bli overført til prosessoren på serveren, tatt i betraktning endringene som er gjort. Feltet kan strekkes i bredde og lengde ved å klikke på nedre høyre hjørne, som er markert med to diagonale striper.
La oss nå prøve å legge til flere attributter med parametere til den opprinnelige koden:
1. Navn- definerer navnet på tekstområdet som en verdi for å identifisere det etter innsending av skjemadata når det behandles på serveren.
2. Cols— feltbredde, som er spesifisert som en parameter ved antall tilstøtende identiske tegn plassert horisontalt. Standardverdien er 20.
3. Rader— høyden på tekstfeltet, bestemt av antall linjer. Hvis antallet tekstlinjer som er skrevet inn av brukeren er større enn verdien spesifisert av dette attributtet, vil en vertikal rullelinje vises til høyre.
4. Maks lengde— angir maksimalt antall tegn som kan plasseres i tekstfeltet. Hvis grensen overskrides, vil ytterligere inntasting ikke være mulig.
Nedenfor er et eksempel med alle de ovennevnte attributtene, effekten av hver av dem kan du sjekke selv ved å plassere det nødvendige antallet bokstaver og linjer i tekstområdet (du kan ganske enkelt skrive inn det samme tegnet flere ganger):
|
Skriv inn tekst: |
5. Minlengde— angir minimum antall tegn som må skrives inn i tekstområdet. Hvis brukeren prøver å sende en tekst med færre tegn, vil nettleseren vise en kort melding med informasjon som vil inneholde en omtale av behovet for å supplere innholdet i skjemaet og hvor mange tegn som allerede er lagt inn.
7. Skrivebeskyttet(uten parametere) - hvis du knytter dette attributtet til tekstområde, vil ikke tekstfeltet være redigerbart av brukere og vil være skrivebeskyttet. Men du kan fokusere på det (flytt markøren til feltet og venstreklikk), samt velge og kopiere (delvis eller fullstendig) teksten:
Noen flere attributter som implementerer tilleggsfunksjonalitet når du fyller ut felt:
8. Autofullfør— spesifiserer om nettleseren skal gi hint når brukeren fyller ut et skjema basert på tidligere innlagte data og gir mulighet til automatisk å sette inn passende tekst.
Har bare to parametere: på(aktivert) og av(avslått). Her er et kodeeksempel:
Dette attributtet med verdien "på" fungerer bare når automatisk utfylling av skjemafelt er aktivert i nettleseren til en bestemt bruker.
9. Pakke inn- setter nettleserreglene for linjeskift i tekstområdet ved hjelp av tre verdier:
Myk— et sett med tegn som ikke passer inn i feltet i bredden, overføres automatisk til en ny linje. I dette tilfellet, prosessoren teksten sendes som én linje. Hvis brukeren overfører tekst til et ønsket sted ved å bruke "Enter"-tasten, lagres en slik overføring når nettskjemaet sendes inn.
|
Skriv inn tekst: |
Hard— bindestreker lages automatisk hvis teksten ikke passer inn i feltet i bredden, og når de sendes til prosessoren, vil stedene til slike bindestreker lagres. Dette alternativet brukes kun i i forbindelse med cols-attributtet:
|
Skriv inn tekst: |
Av— deaktiver linjeskift. Hvis du skriver ut et tekstfragment uten mekanisk overføring ved å bruke "Enter"-tasten, vil hele teksten bli plassert på én linje, og et horisontalt rullefelt vises:
|
Skriv inn tekst: |
10. Autofokus(har ingen parametere) - setter i gang fokus på tekstfeltet når du laster siden med skjemaet.
11. Funksjonshemmet- i motsetning til skrivebeskyttet attributt (som også forbyr redigering av innholdet i feltet, men gjør det mulig å fokusere på det), blokkerer tilgangen til tekstområdet, som vanligvis er grått:
Svært ofte, når du registrerer eller kartlegger på nettsteder, blir du bedt om å gjøre noe valg fra rullegardinlisten. Velg for eksempel ditt land fra mange andre land. Alle disse er forskjellige elementer i skjemaet, de kan utformes på forskjellige måter: fra enkle HTML5 til kompleks CSS3.
I dag skal vi se på et slikt eksempel på å designe et utvalgt felt ved hjelp av HTML/CSS og et ikon Font Awesome. Men vi starter, som vanlig, med dokumentoppmerking.
HTML-kode
Inne i en merkelapp plukke ut det er rullegardinlisteelementer alternativ. I sin tur tagger plukke ut Og form nestet i en felles beholder div. stikkord form må være tilstede dersom dataene senere skal sendes til serveren.
Plassering av beholderen med klassen eske i midten av vinduet.
Eske(
posisjon: absolutt;
topp: 50%;
venstre: 50 %;
transform: translate(-50%, -50%);
}
Vi kobler ikonfonten før den avsluttende taggen på forhånd hode.
Styling av velgeren
Vi setter dimensjonene for utvalgsfeltet - 250x50 piksler og gjør feltene for elementene til 10 piksler på alle sider.
Velg boks(
bredde: 250px;
høyde: 50px;
polstring: 10px;
}
Fjerning av ramme og strek:
Border: ingen;
disposisjon: ingen;
Vi spesifiserer lilla bakgrunnsfarge, tittel, farge og skriftstørrelse for lister.
Bakgrunn: #ab05af;
font-family: "Russo One", sans-serif;
farge: #fff;
skriftstørrelse: 20px;
Lag en skygge rundt feltet.
Box-shadow: 0 5px 20px rgba(0,0,0,.3);
Som regel velg boks klar og fungerer, men det ser kjedelig ut, og trekanten du trenger for å treffe med musen er veldig liten. Og hvis jeg trodde det, så vil designeren tenke det samme, vi må forberede oss på forhånd for forskjellige alternativer.
Mest sannsynlig vil designeren erstatte den lille trekanten med et ikon fra fonten Font Awesome.
Det ser mye finere ut på denne måten, men koden må fortsatt skrives av en layoutdesigner. Hva kan være løsningen her? Vi vil ikke røre HTML-kode, og bruk et pseudo-element før.
Før pseudo-element for .box
Det første du må gjøre er å skrive ned ikonkoden og skriftnavnet "Font Awesome 5 Free". Velg på nettsiden fontawesome.comønsket ikon som indikerer "utvalg" og kopier koden.
.box::before (
innhold: "\f150";
font-family: "Font Awesome 5 Free";
posisjon: absolutt;
topp: 0;
høyre: 0;
bredde: 50px;
høyde: 50px;
tekst-align: center;
linjehøyde: 50px;
farge: #fff;
skriftstørrelse: 28px;
bakgrunn: #da00e0;
peker-hendelser: ingen;
}
Deretter plasserer vi det absolutt, spesifiserer dimensjonene 50x50, fargen på ikonet er hvit, bakgrunnen er lys lilla. Vi setter en veldig viktig egenskap pointer-hendelser: ingen. Dette betyr at pseudoelementet før er ikke objektet for musehendelsen, men verdien ingen ber hendelsen "musevalg" gå til bunnlaget og få tilgang til elementet under det - den lille trekanten. Trekanten har ikke forsvunnet, den er rett under pseudo-elementet før, tjener kun som dekorasjon. Ved å klikke på det vakre ikonet fungerer faktisk den "stygge" trekanten og vi tar vårt valg.
Hilsen, kjære lesere av bloggsiden. I dag vil jeg snakke om noe som HTML-skjemaer. Uansett motoren til nettstedet ditt (cms), vil det definitivt bruke skjemaer i en eller annen form, opprettet ved hjelp av skjema- og inndata-taggene, samt attributtene og parameterne Button, Checked, Value, Checkbox, Radio, Checkbox, Submit .
Vel, du kan også legge til elementer for å lage rullegardinlister og tekstfelt - Velg, Alternativ, Tekstområde, Etikett, Feltsett, Forklaring.
Hvorfor trengs skjemaer og hvordan fungerer de på moderne nettsteder?
Den samme nettstedsøkestrengen () opprettes ved hjelp av disse kodene, og et søk vil være nødvendig på prosjektet ditt. Derfor vil det å forstå hvordan de er strukturert og fungerer ikke hindre deg i det hele tatt for å lykkes med designet, og det vil ikke være overflødig hvis du promoterer det selv.
Så etter å ha rettferdiggjort behovet for å studere disse elementene, tror jeg at det ikke bør oppstå flere spørsmål, så det er på tide å gå direkte til å studere deres mulige alternativer.
Ja, jeg vil også minne deg på at vi allerede har gjennomgått mye materiale om emnet hypertekstmarkeringsspråk, for eksempel tre ) og .
I kjernen består skjemaer av elementer, for opprettelsen av hvilke ulike tagger settes inn fra Form-tagger inne i hovedbeholderen - Checked, Value, Checkbox, Radio, Checkbox, Submit, etc. Vi trenger bare å plassere koden i en hvilken som helst praktisk plasser i nettstedsmalen , og indikerer ved hjelp av tagger og deres attributter hvordan den skal se ut.
Dette kan være et tekstfelt med en knapp for å sende inn søket, valg med radioknapper (hvor du kan la bare én av de angitte knappene være trykket), flere tekstfelt med en knapp for å sende(), og mye mer.
For eksempel, når det gjelder "søk", ved å bruke verdiattributtet kan du spesifisere nøyaktig hva som skal skrives på knappen ved siden av feltet for å legge inn en spørring. Dataene som legges inn i skjemaene må viderebehandles på en eller annen måte.
For eksempel, i tilfelle av tilbakemelding, vil brukeren, etter å ha fylt ut feltet med navnet sitt, skrevet inn sin e-post og teksten i meldingen, og deretter klikket på send-knappen, rett til å håpe at dataene fra skjemaet vil bli sendt til e-posten til nettstedets forfatter. Men dessverre er det ikke mulig å implementere dette ved å bruke bare ett hypertekst-markeringsspråk ().
For disse formålene trenger du et spesielt behandlerprogram, som, etter at brukeren klikker på send-knappen, tar alle dataene fra tilbakemeldingsfeltene og sender dem på e-post til eieren av ressursen. Du må spesifisere hvilket program som skal gjøre dette selv ved å bruke Action-attributtet.
Vanligvis er behandlingsprogrammet et skript skrevet i PHP. Derfor, i Action-attributtet til Form-taggen, må du spesifisere banen til filen til dette skriptet som ligger på vertsserveren. La meg gi deg et eksempel på hvordan du abonnerer på RSS-strømmen til bloggen min via e-post:
Det kan virke litt uklart i starten, men jeg tror alt vil bli klarere etter hvert som historien fortsetter.
Skjema- og inndatakoder for å lage knapper, avmerkingsbokser og alternativknapper
Ethvert skjema må vedlegges åpnings- og lukkelapper Skjema. Dette er en slags beholder for deres skapelse. Denne taggen har en rekke obligatoriske og valgfrie attributter:
- Navn – et unikt navn som må spesifiseres hvis HTML-filen der du gjør noe skal bruke flere nettskjemaer
- Handling – et nødvendig attributt som indikerer banen til skriptet som dataene fra det vil bli overført til for videre behandling
- Metode – med den kan du endre metoden for overføring av data fra dette webskjemaet til behandlerfilskriptet. Hvis du ikke spesifiserer det, vil Get-metoden bli brukt som standard, som faktisk er ment hovedsakelig for variabler og korte meldinger, og også åpent overføring av data gjennom nettleserens adresselinje. For å overføre skjemadata til behandlerskriptet er det fortsatt bedre å bruke POST metode, designet spesielt for overføring av tekstmeldinger på en privat måte
La oss se på de gjenværende kodene som lar deg lage en rekke nettskjemaer. Den mest allsidige er Inndata. Type-attributtet må skrives inne i det, som bestemmer nøyaktig hva HTML-skjemaet opprettet med denne taggen vil være.
Ved å bruke Input og Type kan du lage følgende elementer:
- enkeltlinjede tekstfelt (Type="Text")
- felt for å angi et passord (Type="Password")
- avmerkingsbokser (Type="Checkbox")
- radioknapper (Type="Radio")
- skjulte felt (Type="skjult")
- vanlige knapper (Type="Button")
- knapper for å sende data til behandleren (Type="Send")
- knapper for å bringe nettskjemaet til sin opprinnelige tilstand (Type="Reset")
- felt for opplasting av filer til serveren (Type="File)
- knapper med et bilde (Type="Image")
Inndata har ikke en avsluttende kode. Hvordan et nettskjema som er opprettet med det, vil se ut, avhenger helt av parameteren som er spesifisert i Type-attributtet. Hvis Type ikke er spesifisert, opprettes et tekstfelt som standard.
Eksempler på skjemaer opprettet på Input med forskjellige verdier for Type
Andre input-tag-attributter og eksempler på deres bruk
La oss se på hva de andre attributtene er nødvendige for:
- Navn – hvis dataene må sendes til behandlerprogramskriptet, må du spesifisere en parameter for Navn-attributtet. Under dette navnet vil dataene som sendes fra skjemaet vises i informasjonsbehandlerprogrammet.
- Størrelse - dette brukes til å angi størrelsen på feltet til nettskjemaet som opprettes. Verdien er angitt i antall tegn som kan passe i dette feltet. Hvis Størrelse ikke er spesifisert, vil bredden som standard være 24 tegn
- Maxlength - som standard er antallet tegn som kan legges inn i et HTML-skjema ikke begrenset, men ved å bruke Maxlength kan du angi denne begrensningen. Du vil ikke kunne skrive inn flere tegn enn det som er angitt i feltet.
- Verdi - du kan bruke den til å spesifisere nøyaktig hva som skal skrives som standard i feltet eller på knappen for innsending av data
- Avmerket er et flaggattributt som kan settes inn i Input for radioknapper eller avmerkingsbokser. I dette tilfellet vil denne alternativknappen eller avmerkingsboksen være aktiv når siden med nettskjemaet er lastet inn (de vil allerede ha en hake)
La oss nå se på alt eksempler på skjemaer med Input. Utseendet til tekstfeltet ligner på utseendet til passordfeltet, så la oss bare vurdere muligheten for å lage en tekst, for eksempel for å skrive inn en e-postadresse:
La oss nå se på å lage et nettskjema med radioknapper (radio):
Legg merke til at dette skjemaet bruker Input-taggen to ganger, én gang for å lage hver av de to alternativknappene. I tillegg inneholder hver av dem navneattributtet med samme verdi (resultat), og verdiverdien er forskjellig (JA og NEI).
Dette betyr at når du behandler den, hvis noen av bryterne er valgt, vil en variabel bli sendt, hvis navn er skrevet i Navn, men verdien til denne variabelen vil avhenge av hvilken bryter som ble valgt.
La oss se på et eksempel på hvordan du lager et nettskjema med avmerkingsbokser:
Avmerkingsbokser skiller seg fra alternativknapper ved at du kan velge flere alternativer samtidig. Navn brukes til å bestemme i behandlerfilen hvilken avkrysningsboks avmerkingsboksene er plassert i, og Verdi spesifiserer verdien som skal sendes til behandleren (hvis verdi ikke er spesifisert, vil teksten ved siden av denne avmerkingsboksen sendes til behandleren ).
Velg, Tilvalg, Tekstområde, Etikett, Feltsett, Forklaring - rullegardinlister, tekstområder og andre nettskjemaelementer
Til å begynne med vil jeg minne litt om hva nettskjemaer faktisk er og hvorfor de trengs på nettsider. De er først og fremst designet for å replikere elementer som finnes i et hvilket som helst operativsystem i en brukervennlig form: knapper, tekstinntastingsfelt, rullegardinlister, avmerkingsbokser, brytere og lignende.
Alle brukere, uten noen ytterligere forklaring, forstår formålet med disse elementene, og hvis de ser en HTML-skjemaknapp, forstår de at de må klikke på den.
Dessuten er alle dens bestanddeler (som Select, Option, Textarea, Label, Fieldset, Legend) allerede fullførte tomme (beholdere), for å sette inn som du bare trenger for å bruke den ønskede taggen med de nødvendige attributtene og parameterne.
Nettlesere vet selv hvordan de skal vise dette eller det nettskjemaelementet. Riktignok kan visningsalternativene for det samme elementet i forskjellige nettlesere avvike litt fra hverandre, men som regel ikke nevneverdig.
At. det viser seg at nettskjemaer i HTML er et forsøk på å overføre nøkkel elementer som brukes i et hvilket som helst operativsystem, til nettsidene. Men hvorfor kan de være nødvendige på nettstedssidene?
I prinsippet, for samme formål som lignende elementer brukes i operativsystemer - overføring av data fra brukeren. Når det gjelder skjemaer, overføres data fra brukeren til serveren, hvor de behandles av et spesielt program (hypertekst-markeringsspråk tillater dessverre ikke databehandling).
Selv om data kan sendes ikke bare til serveren, men også for eksempel via e-post til adressen angitt i Action-attributtet til Form-taggen. Når du sender data fra HTML til e-post, vil brukeren som fyller ut feltene, etter å ha klikket på send data-knappen, starte standard e-postprogram som brukes på datamaskinen.
Åpningsskjemaet i dette tilfellet skal se omtrent slik ut:
Som du kan se, er det ubrukelig å klikke på teksten for å aktivere dette elementet - du må klikke på det selv. Dette er nøyaktig tilstanden som Label-taggen er laget for å korrigere. Den lar deg gjøre teksten ved siden av webskjemaelementet klikkbar, noe som utvilsomt er vil forbedre brukervennligheten.
Men hvordan koble HTML-skjemaelementet og teksten? For å gjøre dette må du legge til en ID med en unik parameter til attributtet, og teksten må være omgitt av åpnings- og lukkeetiketter. Og det er ikke alt. I åpningsetiketten må du inkludere For-attributtet, hvis parameter må være nøyaktig den samme som ID-attributtet i HTML-koden til skjemaelementet. Det viser seg noe slikt:
Som du kan se, takket være bruken av Label, kan nettskjemaelementer aktiveres ikke bare ved å klikke på det selv, men også ved å klikke på teksten ved siden av.
Fieldset og Legend - deler opp skjemaet i deler
Du har sikkert ofte sett at store former i HTML er delt inn i grupper (Fieldset), som er omgitt av en ramme og hver slik gruppe har sin egen tittel (Legend). Dette implementeres ved å bruke bare to tagger: Fieldset og Legend. De er sammenkoblet, dvs. De må ha en åpning og en lukkende.
Så, for å lage en gruppe med komponentdeler, må du omslutte alle disse delene i åpnings- og avslutningsfeltsettet. Og for å sette en tittel (Legend) for denne gruppen, må du umiddelbart etter åpningen Fieldset skrive en konstruksjon av en åpnings- og avslutningsforklaring, som du må sette inn teksten til gruppetittelen mellom.
Her er et eksempel på hvordan du oppretter grupper med Fieldset og Legend:
Lykke til! Vi sees snart på sidene til bloggsiden
Du kan være interessert
Velg, Tilvalg, Tekstområde, Etikett, Feltsett, Forklaring - Html-koder for form av rullegardinlister og tekstfelt 
Lister i HTML-kode - UL, OL, LI og DL-tagger 
MailTo - hva er det og hvordan lage en lenke i HTML for å sende en e-post 
Hvordan farger settes i HTML- og CSS-kode, utvalg av RGB-nyanser i tabeller, Yandex-utdata og andre programmer 
Hva er hypertekst-markeringsspråk HTML og hvordan du viser en liste over alle tagger i W3C-validatoren 
Slik setter du inn en lenke og et bilde (bilde) i HTML - IMG- og A-tagger 
Tabeller i HTML - Table, Tr og Td-tagger, samt Colspan, Cellpadding, Cellspacing og Rowspan for å lage dem 
Font (ansikt, størrelse og farge), Blockquote og Pre-tagger - eldre tekstformatering i ren HTML (ingen CSS brukt) 
Hvordan lage en hyperkobling (A, Href, Target blank), hvordan åpne den i et nytt vindu på siden, og også gjøre et bilde til en lenke i HTML-kode
I denne artikkelen vil vi se på elementer som lar deg lage rullegardinlister, lære hvordan du danner grupper i disse listene, se på hvordan du deaktiverer elementer og til og med grupper av lister, bli kjent med et element som lar deg lage et tekstfelt med flere linjer, som du senere kan bruke i HTML-skjemaer (element ).
Nedtrekksliste
Det første elementet i listen vises vanligvis som valgt, men du kan legge til et attributt til dette elementet valgt for å spesifisere et forhåndsdefinert alternativ.
La oss
I dette eksemplet merker vi
Jeg gjør deg oppmerksom på at du må bruke attributtet verdi(verdi)-tag for å indikere hvilken verdi som sendes til serveren for videre behandling.
Deaktiverer et menyelement
Bruke det deaktiverte boolske attributtet (HTML-tag ) er det mulig å deaktivere et bestemt menyelement (parameter). Attributtet kan brukes sammen med skript, for eksempel inntil en betingelse er oppfylt, parameteren er inaktiv.
I nettleseren ser det slik ut:
Gruppering av menyelementer
La oss se på følgende tag
Brukseksempel:
I dette eksemplet har vi markert 2 grupper med taggen
I følgende eksempel bruker det boolske attributtet funksjonshemmet vi vil deaktivere en gruppe (" Gruppe B"):
Resultatet av vårt eksempel:
Deaktiver liste og flervalg
I dette eksemplet har vi laget to nedtrekkslister. For den første listen brukte vi disabled-attributtet, som forhindrer interaksjon med listen (deaktiverer den).
For den andre listen brukte vi attributtet flere, som indikerer at det er mulig å velge flere alternativer fra listen samtidig (via Ctrl på Windows og via Kommando på Mac).
I nettleseren ser det slik ut:
Tekstområde
Resultatet av vårt eksempel: