on tietysti ensimmäinen asia, joka tulee mieleen kuunnellessamme termiä www. Pohjimmiltaan se on jokaisen tänään käyttämäsi verkkosivuston takana. Tässä artikkelissa tutkitaan joitain kehittyneitä HTML-lomakemääritteitä.
Seuraavat vihjeet käsitellään tässä artikkelissa,
Joten aloitetaan tämän artikkelin kanssa,
Edistyneet HTML-lomakemääritteet
Pelkästään HTML: llä ei voida saavuttaa oikeutta joillakin tämän päivän suosituimmista malleista. Se vaatii apua ja sen tarjoaa CSS tai CSS-tyylisivu . HTML: ää ja CSS: ää voidaan käyttää yhdessä luomaan houkuttelevia verkkosivuja.
Siirrytään tämän artikkelin edistyneisiin HTML-lomakemääritteisiin
Tunnisteet ja määritteet HTML-muodossa
Nämä molemmat ovat HTML: n perusasiat ja molemmat toimivat yhdessä, mutta suorittavat erilaisia toimintoja.
Tunnisteet: Tunnisteita käytetään merkitsemään HTML-elementin alku ja ne on suljettu kulmasulkeissa.
Esimerkki:
c ++ lajittelutoiminto
Yllä oleva tunniste on otsikkotunniste HTML-muodossa.
Attribuutit: Nämä ovat lisätietoja tunnisteista ja ne on määritelty tagissa.
Esimerkki:
Yllä oleva tunniste on kuvatunniste ja alt on tunnisteen attribuutti, ja se kuvaa kuvan hello_world.jpg
Kun olemme keskustelleet tarvitsemistamme perusteista, voimme nyt siirtyä eteenpäin tämän artikkelin motiivilla, joka on joitain edistyneitä HTML- ja CSS-tunnisteita.
Siirrytään tämän artikkelin edistyneisiin HTML-lomakemääritteisiin
Max-, Maxlength- ja Min-attribuutit
Nämä ovat erityisesti syötetunnisteen määritteet, ts. Syötetunnistetta käytetään periaatteessa tunnisteen sisällä hyväksymään erityyppiset syötteet käyttäjältä, kuten teksti, numero, valintanappi, päivämäärät, valintaruutu, aika, salasana jne.
Maks
Tämä attribuutti määrittää minkä tahansa määritetyn syötteen enimmäisarvon. Jos käyttäjä yrittää antaa enemmän kuin enimmäisarvo, se ei hyväksy merkkejä tai arvoja jälkikäteen.
Huomautus:
Max-määrite otettiin käyttöön HTML 5: llä.
Esimerkki:
Oppilasmäärä:
GitHub Gist Link:
Opiskelijoiden arvoa ei voida nostaa yli 50.
Huomautus: Tunnisteen attribuuttitoiminto määrittää, mihin syötetyt tiedot lähetetään jatkoprosessia varten. Tässä tapauksessa se on subm_detail.php, joka on PHP-tiedosto.
Opiskelijoiden lukumäärä on tieto, joka kirjoitetaan tekstiruutuun.
Ensimmäisen tunnisteen max-määritteessä ilmoitetaan enimmäisnumeerinen arvo, joka voidaan syöttää tekstiruutuun, joka on arvoja, jotka ovat yli 50, ei hyväksyttäisi, mikä on max-määritteen päämotiivi.
Max-tunnistetta voidaan käyttää myös määrittämään päivämäärä, jonka käyttäjä voi syöttää syöttökenttään.
Esimerkki:
Syötä syntymäpäiväsi VVVV-KK-PP-muodossa:
Max Syntymäaika: 2000-03-31
GitHub Gist Link:
Olemme käyttäneet 31stMaaliskuu 2000 enimmäispäivämääränä ja optio on kalenteri on rajoitettu vain siihen päivään saakka.
Tähän syöttökenttään käyttäjä ei voi syöttää määritetyn päivämäärän jälkeistä päivämäärää max-määritteeseen.
Siirrytään tämän artikkelin edistyneisiin HTML-lomakemääritteisiin
Maksimi pituus
Kuten nimestä voi päätellä, tämä attribuutti määrittää merkkien enimmäispituuden, jonka käyttäjä voi syöttää syöttökenttään. Määritteen arvot ovat numeroita.
Esimerkki:
Syötä käyttäjänimesi:
GitHub Gist Link:
Syöttökentän raja on 15 merkkiä, joten syöttö on rajoitettu vain 15 merkkiin.
Tämä tagin maxlength-attribuutti rajoittaisi käyttäjää antamaan syötteen, joka ei ole ehdottomasti suurempi kuin määritetty arvo, joka on 15.
Huomautus Maxlength-määritteen oletusarvo on 524288.
Siirrytään tämän artikkelin edistyneisiin HTML-lomakemääritteisiin
Min
Min-määrite määrittää syöttökenttään syötettävän arvon vähimmäisarvon.
Esimerkki:
Anna ikä:
GitHub Gist Link:
Syötetunnisteen min-attribuutti määrittää, että syötteen ikä ei saa olla alle 18.
Kärki: Voit käyttää sekä min- että max-määritettä syötteen kanssa syöttääksesi laillisen tai hyväksyttävän alueen.
Esimerkki:
Anna ikä:
GitHub Gist Link:
Tämän avulla olemme tämän HTML-lomakkeen lisäominaisuuksia käsittelevän artikkelin lopussa.
Nyt kentän syötealue ei voi olla pienempi kuin 18 ja suurempi kuin 50 samanaikaisesti.Määritettä max ja min voidaan käyttää useiden syötetyyppien kanssa, kuten numero, alue, päivämäärä, päivämäärä, päivämäärä-paikallinen, kuukausi, aika ja viikko.
Nyt kun tiedät mikä on HTML, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.
Onko sinulla kysymys meille? Mainitse se artikkelin kommenttiosassa ja palaamme sinuun.