Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • OS
  • Višelinijski unos. Višelinijsko tekstualno polje

Višelinijski unos. Višelinijsko tekstualno polje

Za obimni tekstovi, na primjer za mail poruke, zgodno je koristiti ovaj element. Generiše se pomoću oznaka i ima sljedeće opcije:

ime- naziv polja,

cols- širina polja u znakovima,

redova- broj redova teksta vidljivih na ekranu,

zamotati- prelamanje riječi:

isključeno- nema prijenosa

virtuelno- prikazan je prijenos, ali server prima nedjeljiv niz,

fizički- prenos i na ekranu i pri ulasku na server.

onemogućeno- neaktivno polje,

samo za čitanje- Dozvoljeno samo čitanje.



rezultat:

Padajuće liste

Liste dolaze u opcijama jednostrukog i višestrukog odabira. Oba se postavljaju pomoću oznaka , unutar kojih se nalaze elementi vrijednosti, dato oznakom Uzmite u obzir parametre ovih oznaka:



Koliko ste vremena spremni potrošiti na ovo?



Koje dane u sedmici biste voljeli vježbati?

(odaberite sa pritisnutim ctrl taster)

rezultat:

Ima još oznaka<optgroup>… , što vam omogućava da grupišete elemente liste prema nekim kriterijumima. Na primjer, da biste kreirali katalog web-mjesta u obliku liste, tada je prikladnije podijeliti ga u grupe prema interesima. Napomena u ovaj slučaj završne oznake su obavezne. primjer koda:

Imenik web stranice:

rezultat:

natpisi

Svi elementi obrasca mogu se povezati sa svojim oznakama pomoću elementa i njegov parametar za, čija je vrijednost naziv elementa s kojim povezujemo natpis. Na primjer:

rezultat:

Stanje posla

U skladu sa opcijom kreiranja obrasca za unos podataka. Stranica treba da sadrži sljedeće vizuelne elemente:

1. naslov;

2. tekst koji objašnjava svrhu obrasca;

3. obrazac za unos podataka, prema opciji. Sami odaberite vrste elemenata za unos podataka (najmanje 3 različita);

4. dugmad - " POŠALJI», « CLEAR»;

5. informacije o kreatoru stranice - Puno ime, grupa, e-mail.

Slika 1 - Približan prikaz stranice

Dodajte dugme svakom polju obrasca Objašnjenje“, kada se klikne, otvara se prozor sa objašnjenjima i/ili slikom, dugme “ CLOSE».

Pritiskom na dugme " POŠALJI“, provjerava se ispravnost popunjavanja podataka obrasca - sva polja su popunjena, numerička polja sadrže dozvoljene vrijednosti, vodeći i zadnji razmaci su uklonjeni. Ako se podaci jednog ili više polja ne podudaraju, treba prikazati prozor u kojem treba prikazati naziv i kratak tekst koji objašnjava zahtjeve za podatke unesene u polje. Ako su podaci ispravno uneseni, podaci se šalju nakon potvrde u dijaloškom okviru. Na formular stavite dva skrivena polja With trenutni datum i vrijeme, koji se također prenose na server. Primjer obrasca:

Slika 2 - Približan prikaz obrasca za unos podataka

Tabela 1 - Varijante obrazaca za unos podataka

Opcija Opis
Radionica, stranica, puni naziv Količina obavljenog posla
UDK, puno ime autor, ime, broj
Broj voza, Naziv, Mjesto polaska, Mjesto dolaska, Kategorija
Organizacija, puno ime, godina rođenja, Zauzet prostor
Država, površina, stanovništvo, kontinent, glavni grad
Marka automobila, Broj, Boja, Godina proizvodnje, Kilometraža
Rasa psa, Nadimak, Otac, Majka, Datum rođenja, puno ime i prezime vlasnika
Vrsta povrća, Naziv sorte, Datum sadnje, Datum berbe, Berba
Disciplina, Obim predavanja, Obim laboratorija, Vrsta kontrole, Grupa
Datum, Temperatura, Pritisak, Oblačnost, Smjer vjetra
Naziv, Kompanija, Trošak, Količina, Datum
Naziv benda, država, album, datum izlaska, prodajni broj
Naziv vrha, Visina, Država, Godina osvajanja, Broj uspona
Puno ime, godina rođenja, visina, težina, krvna grupa
Puni naziv, Oblast djelatnosti, Godina rođenja, Država, Broj publikacija

Kontrolna pitanja

1. Opišite oznaku za kreiranje tekstualno polje. Navedite njegovu sintaksu.

2. Opišite oznaku za kreiranje tekstualnog polja za unos lozinke. Navedite njegovu sintaksu.

3. Opišite oznaku za kreiranje okvira za potvrdu. Navedite njegovu sintaksu.

4. Opišite oznaku za kreiranje dugmadi. Navedite njegovu sintaksu.

5. Opišite oznaku za kreiranje polja za odabir datoteka. Navedite njegovu sintaksu.

6. Opišite oznaku za kreiranje višerednog tekstualnog polja. Navedite njegovu sintaksu.

7. Opišite oznaku za kreiranje padajuće liste. Navedite njegovu sintaksu.

Učitelj Stišenok E.O.

Farberov A.G.

Ovaj element obrasca je dizajniran da stvori područje u koje možete unijeti više redova teksta. U takvom tekstualnom polju je dozvoljeno raditi prelome redova, oni se čuvaju prilikom slanja podataka na server.

Višelinijsko tekstualno polje je neophodno za dodavanje komentara na članke, pisanje postova na forumu, umetanje i uređivanje postova na blogu i u mnogim drugim slučajevima kada jedan red teksta očigledno nije dovoljan.

Sintaksa za kreiranje polja je sljedeća.

Između oznaka možete staviti bilo koji tekst koji će biti prikazan unutar polja. Ako nema teksta, tada će polje u početku biti prazno.

Važeći atributi su navedeni u tabeli. jedan.

Tab. 1. Atributi

Rezultat primjera prikazan je na sl. jedan.

Rice. 1. Podrazumevani prikaz tekstualnog polja

Za

Rezultat ovog primjera prikazan je na sl. 2. Imajte na umu da su svi razmaci i prijelomi reda unutra

Između oznaka možete staviti bilo koji tekst koji će biti prikazan unutar polja. Ako nema teksta, tada će polje u početku biti prazno.

Važeći atributi su navedeni u tabeli. jedan.

Kreiranje višelinijskog tekstualnog polja prikazano je u primjeru 1.

Nijedan od ovih atributa nije obavezan, tako da jednostavan obrazac za podnošenje teksta izgleda ovako (primjer 1).

Primjer 1: Tekstualno polje

Polje za tekst

Unesite svoju recenziju:

Rezultat primjera prikazan je na sl. jedan.

Rice. 1. Podrazumevani prikaz tekstualnog polja

Prilikom oblikovanja višerednog polja primjenjuju se ista svojstva stila kao i za jednoredni tekst. Naime, možete promijeniti širinu (svojstvo širine), visinu (visinu), ivicu (border), boju teksta i pozadine (boju i pozadinu, respektivno) itd. Primjer kreiranja tekstualnog polja različitih karakteristika prikazan je u primjeru 2.

Primjer 2: Stiliziranje tekstualnog polja

Polje za tekst

Unesite svoju recenziju:

Rezultat ovog primjera prikazan je na sl. 2.

Rice. 2. Promijenite izgled polja za tekst

Svi pretraživači osim Internet Explorera podržavaju promjenu veličine za

Između oznaka možete staviti bilo koji tekst koji će biti prikazan unutar polja. Ako nema teksta, tada će polje u početku biti prazno.

Važeći atributi su navedeni u tabeli. jedan.

Kreiranje višelinijskog tekstualnog polja prikazano je u primjeru 6.1.

Nijedan od ovih atributa nije potreban, dakle jednostavan oblik za slanje teksta izgleda ovako (primjer 1).

Primjer 1: Tekstualno polje

HTML5 IE Cr Op Sa Fx

Polje za tekst

Unesite svoju recenziju:

Primjer rezultata u Chrome pretraživač prikazano na sl. jedan.

Rice. 1. Podrazumevani prikaz tekstualnog polja

Dodatno, polje može biti u dva stanja - blokirano i samo za čitanje. HTML5 specifikacija ne definiše izgled polja i teksta u takvim stanjima, pa ga pretraživači drugačije prikazuju (slika 2).

Opera

Tekst unutar blokiranog polja ne može se odabrati i dodati, a sadržaj takvog polja obrazac ne šalje serveru. Tekst unutar okvira za čitanje može se kopirati, ali se ne može uređivati. Primjer 2 pokazuje kako kreirati polje za čitanje.

Primjer 2 Polje za čitanje

HTML5 IE Cr Op Sa Fx

Polje za čitanje

Kopirajte tekst ispod i zalijepite ga u polje zahtjeva za lozinku.

Imajte na umu da polje za čitanje izgleda potpuno kao normalno tekstualno polje, ali korisnik mu neće moći ništa dodati. Zato ga pažljivo koristite kako ne biste zavarali ljude.

Top Related Articles