Za obimni tekstovi, na primjer za mail poruke, prikladno je koristiti ovaj određeni element. Stvaraju ga oznake i ima sljedeće parametre:
– Ime- naziv polja,
– cols- širina polja u znakovima,
– redaka- broj redaka teksta vidljivih na ekranu,
– omotati- način prijenosa riječi:
– isključeno- ne dolazi do prijenosa,
– virtualan- prijenos je prikazan, ali poslužitelj prima nedjeljivi niz,
– fizički- prijenos i na ekranu i po dolasku na server.
– onemogućeno- neaktivno polje,
– samo za čitanje- dopušteno je samo čitanje.
Proizlaziti:
Padajući popisi
Popisi mogu biti s jednom stavkom ili višestrukim odabirom. Oba su specificirana pomoću oznaka , unutar koje se nalaze elementi vrijednosti, određeno oznakom Pogledajmo parametre ovih oznaka:
– Ime- lista imena. Svaki odabrani element popisa, kada se prenese na poslužitelj, izgledat će ovako: name.value, gdje je vrijednost preuzeta iz oznake opcije;
– veličina- određuje broj vidljivih elemenata na popisu: 1 - jednostavan padajući popis, više od 1 - popis s trakom za pomicanje;
– višestruki- Omogućuje odabir više stavki popisa.
– odabran- koristi se za označavanje elementa popisa koji će najvjerojatnije biti odabran; ako popis ima višestruki izbor, tada se može označiti nekoliko stavki;
– vrijednost- vrijednost koja će biti poslana na poslužitelj ako je stavka odabrana.
Koji jezik želite učiti:
Koliko vremena ste spremni potrošiti na ovo:
Koji dani u tjednu vam odgovaraju za nastavu:
(odaberite pritiskom na tipka ctrl)
Proizlaziti:
Tu su i oznake<izborna grupa>… , što vam omogućuje grupiranje elemenata popisa prema nekim kriterijima. Na primjer, za izradu kataloga web stranica u obliku popisa, tada je prikladnije podijeliti ga u grupe po interesu. Imajte na umu u u ovom slučaju moraju biti navedene završne oznake. Primjer koda:
Katalog stranica:
Proizlaziti:
Natpisi
Svi elementi obrasca mogu se povezati s njihovim oznakama pomoću elementa i njegov parametar za, čija je vrijednost naziv elementa kojem pridružujemo oznaku. Na primjer:
Proizlaziti:
Stanje posla
Prema opciji izraditi obrazac za unos podataka. Stranica treba sadržavati sljedeće vizualne elemente:
1. naslov;
2. tekst koji objašnjava namjenu obrasca;
3. obrazac za unos podataka, sukladno opciji. Sami odaberite vrste elemenata za unos podataka (barem 3 različita);
4. kopanje – “ POSLATI», « ČISTO»;
5. podaci o kreatoru stranice – Puno ime, skupina, e-pošta.
Slika 1 – Približan prikaz stranice
Dodajte gumb u svako polje obrasca Obrazloženje", kada se klikne, otvara se prozor s objašnjenjima i/ili slikom, gumb " ZATVORITI».
Kada pritisnete gumb " POSLATI“, provjerava se ispravnost podataka obrasca – sva polja su popunjena, numerička polja sadržavati važeće vrijednosti, uklanja razmake na početku i na kraju. Ako se podaci u jednom ili više polja ne podudaraju, potrebno je prikazati prozor u kojem se ispisuje naziv i kratak tekst koji objašnjava zahtjeve za podatke koji se unose u polje. Ako su podaci ispravno uneseni, podaci se šalju nakon potvrde u dijaloškom okviru. Stavite dva na obrazac skrivena polja S trenutni datum i vrijeme, koji se također prenose na poslužitelj. Približan oblik:
Slika 2 – Približni prikaz obrasca za unos podataka
Tablica 1 – Mogućnosti obrazaca za unos podataka
Opcija | Opis |
Radionica, područje, puni naziv Obujam obavljenog posla | |
UDK, puni naziv Autor, naziv, količina | |
Broj vlaka, Ime, Mjesto polaska, Mjesto dolaska, Kategorija | |
Organizacija, puno ime, godina rođenja, Prometno mjesto | |
Država, područje, stanovništvo, kontinent, glavni grad | |
Marka automobila, broj, boja, godina proizvodnje, kilometraža | |
Pasmina psa, nadimak, otac, majka, datum rođenja, puno ime vlasnika | |
Vrsta povrća, Naziv sorte, Datum sadnje, Datum berbe, Berba | |
Predmet, Opseg predavanja, Opseg vježbi, Vrsta kontrole, Skupina | |
Datum, temperatura, tlak, naoblaka, smjer vjetra | |
Ime, tvrtka, cijena, količina, datum | |
Naziv benda, država, album, datum izlaska, prodajni broj | |
Naziv vrha, Nadmorska visina, Država, Godina osvajanja, Broj uspona | |
Puno ime, Godina rođenja, Visina, Težina, Krvna grupa | |
Ime i prezime, Područje djelovanja, Godina rođenja, Država, Broj publikacija |
Kontrolna pitanja
1. Opišite oznaku koju želite izraditi polje za tekst. Navedite njegovu sintaksu.
2. Opišite tag za kreiranje tekstualnog polja za unos lozinke. Navedite njegovu sintaksu.
3. Opišite oznaku za kreiranje potvrdnih okvira. Navedite njegovu sintaksu.
4. Opišite tag za kreiranje gumba. Navedite njegovu sintaksu.
5. Opišite oznaku za kreiranje polja za odabir datoteke. Navedite njegovu sintaksu.
6. Opišite tag za kreiranje višerednog tekstualnog polja. Navedite njegovu sintaksu.
7. Opišite oznaku za kreiranje padajuće liste. Navedite njegovu sintaksu.
Učitelj Stishenok E.O.
Farberov A.G.
Ovaj element obrasca dizajniran je za stvaranje područja u koje možete unijeti više redaka teksta. U takvom tekstualnom polju dopušteno je napraviti prijelome retka; oni se spremaju prilikom slanja podataka na poslužitelj.
Tekstualno polje s više redaka neophodno je za dodavanje komentara na članke, pisanje postova na forumu, umetanje i uređivanje postova na blogu i u mnogim drugim slučajevima kada jedan redak teksta očito nije dovoljan.
Sintaksa za stvaranje polja je sljedeća.
Između oznaka Unutar polja možete postaviti bilo koji tekst koji će biti prikazan. Ako nema teksta, polje će u početku biti prazno.
Važeći atributi navedeni su u tablici. 1.
Stvaranje polja za višeredni tekst prikazano je u primjeru 1.
Primjer 1: Tekstno polje
Rezultat primjera prikazan je na sl. 1.
Riža. 1. Zadani prikaz tekstualnog polja
Za
U
Primjer 2: Tekstno polje s tekstom
Rezultat ovog primjera prikazan je na sl. 2. Imajte na umu da su svi razmaci i prijelomi redaka uzeti u obzir
Riža. 2. Tekstno polje
Uobičajene veličine
Da biste stvorili područje u koje možete unijeti nekoliko redaka teksta, upotrijebite element
Tekstualno polje s više redaka neophodno je za dodavanje komentara na članke, pisanje postova na forumu, umetanje i uređivanje postova na blogu i u mnogim drugim slučajevima kada jedan redak teksta očito nije dovoljan. Sintaksa za stvaranje polja je sljedeća.
Između oznaka Unutar polja možete postaviti bilo koji tekst koji će biti prikazan. Ako nema teksta, polje će u početku biti prazno.
Važeći atributi navedeni su u tablici. 1.
Stvaranje višerednog tekstualnog polja prikazano je u primjeru 1.
Nijedan od ovih atributa nije potreban, tako da jednostavan obrazac za slanje teksta izgleda ovako (primjer 1).
Primjer 1: Tekstno polje
Rezultat primjera prikazan je na sl. 1.
Riža. 1. Zadani prikaz tekstualnog polja
Prilikom dizajniranja polja s više redaka primjenjuju se ista svojstva stila kao i za tekst s jednim redom. Naime, možete mijenjati širinu (svojstvo širine), visinu (visinu), obrub (obrub), boju teksta i pozadine (boju i pozadinu, odnosno) itd. Primjer kreiranja tekstualnog polja s različitim karakteristikama dan je u primjeru 2.
Primjer 2. Dizajn tekstualnog polja
Rezultat ovog primjera prikazan je na sl. 2.
Riža. 2. Promjena izgleda tekstualnog polja
Svi preglednici osim Internet Explorera podržavaju promjenu veličine za
U prošloj video lekciji naučili smo kako napraviti padajući popis u HTML-u. Proučili smo nekoliko oznaka i vidjeli kako sve to funkcionira na primjerima uživo.
Danas ćemo proučiti još nekoliko oznaka i njihovih atributa. Naučimo kako u obrazac dodati polje za unos višerednog teksta. I razgovarajmo o drugom načinu dodavanja gumba u HTML obrazac.
HTML textarea oznaka: višeredni tekst.
Označiti
Također je vrijedno napomenuti da HTML oznaka
Atribut cols odgovoran je za širinu polja, mjereno brojem znakova koji se mogu napisati u jednom redu. I nakon što broj znakova dosegne maksimum, koji je naveden u atributu cols, the nova linija. Osim toga, prilikom određivanja širine samo polje će odmah poprimiti veličinu navedenu u znakovima.
Atribut rows je odgovoran za visinu polja mjerenu brojem redaka. Ali ovdje vrijedi napomenuti da ako količina teksta premašuje navedeni broj redaka, to ne znači da nećemo moći dalje pisati, jednostavno će se pojaviti traka za pomicanje, a vidljivo područje teksta imat će navedenu visinu u vrijednosti atributa rows.
Primjer HTML koda za polje za unos teksta u više redaka. Ne zaboravite da ovaj kod mora biti između oznaka
Unesite svoju recenziju:
Primjer rezultata u Chrome preglednik prikazano na sl. 1.
Riža. 1. Zadani prikaz tekstualnog polja
Dodatno, polje može biti u dva stanja - zaključano i samo za čitanje. Specifikacija HTML5 ne definira izgled polja i teksta u tim stanjima, pa ga preglednici drugačije prikazuju (Slika 2).
![]() |
![]() |
Opera | |
![]() |
![]() |
Tekst unutar blokiranog polja nije moguće odabrati i dodati, a sadržaj takvog polja obrazac ne šalje na poslužitelj. Tekst unutar polja za čitanje može se kopirati, ali se ne može uređivati. Primjer 2 pokazuje kako stvoriti polje za čitanje.
Primjer 2: Polje za čitanje
HTML5 IE Cr Op Sa Fx
Kopirajte donji tekst i zalijepite ga u polje zahtjeva za lozinku.
Imajte na umu da se polje za čitanje izgledom ne razlikuje od običnog tekstualnog polja, ali korisnik neće moći ništa dodati u njega. Zato ga pažljivo koristite kako biste izbjegli dovođenje ljudi u zabludu.