Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • OS
  • Višeredni unos. Višeredno tekstualno polje

Višeredni unos. Višeredno tekstualno polje

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:



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.

Stol 1. Atributi

Rezultat primjera prikazan je na sl. 1.

Riža. 1. Zadani prikaz tekstualnog polja

Za

Rezultat ovog primjera prikazan je na sl. 2. Imajte na umu da su svi razmaci i prijelomi redaka uzeti u obzir

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

Polje za tekst

Unesite svoju recenziju:

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

Polje za tekst

Unesite svoju recenziju:

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

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 6.1.

Nijedan od ovih atributa nije potreban, pa jednostavna forma za slanje teksta izgleda ovako (primjer 1).

Primjer 1: Tekstno polje

HTML5 IE Cr Op Sa Fx

Polje za tekst

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

Polje čitanja

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.

Najbolji članci na temu