Html višelinijski unos. Tekstualna polja

rezultat:

Lettering

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

rezultat:

Job Condition

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

1.heading;

2. tekst koji objašnjava svrhu obrasca;

3. obrazac za unos podataka, u skladu sa opcijom. Sami odaberite vrste elemenata za unos podataka (najmanje 3 različita);

4. kopanje - " 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 kliknete na koji se otvara prozor sa objašnjenjima i/ili slikom, dugme" CLOSE».

Kada kliknete na " POŠALJI", Podaci obrasca se provjeravaju da li su ispravno popunjeni - 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 navesti 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. Postavite dva skrivena polja na obrazac sa trenutni datum i vrijeme, koji se također prenose na server. Okvirni prikaz obrasca:

Slika 2 - Približan prikaz obrasca za unos podataka

Tabela 1 - Varijante obrazaca za unos podataka

Kontrolna pitanja

1. Opišite oznaku za kreiranje tekstualni okvir... Navedite njegovu sintaksu.

2. Opišite oznaku za kreiranje tekstualnog polja 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 datoteke. Navedite njegovu sintaksu.

6. Opišite oznaku za kreiranje višerednog okvira za tekst. Navedite njegovu sintaksu.

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

Učitelj Stišenok E.O.

Farberov A.G.

Višelinijsko polje za unos teksta omogućava vam da pošaljete ne jedan red, već nekoliko odjednom. Podrazumevano, oznaka kreira prazno polje koje je široko 20 znakova i sastoji se od dva reda.

Tekst

Višelinijsko polje za unos teksta počinje uparenom oznakom ... Oznaka imena specificira ime višelinijsko polje... Također možete odrediti širinu polja ( cols) i broj redova ( redova). Ako je potrebno, možete odrediti atribut readonly, koji zabranjuje uređivanje, brisanje i promjenu teksta, tj. tekst će biti samo za čitanje. Ako želite da se tekst inicijalno prikaže u polju za unos u više redova, onda se mora postaviti između oznaka .

Pošalji to <br>će u početku biti prikazano u višelinijskom polju za unos i koje <br>ne može se promijeniti, jer specificiran atribut samo za čitanje

Skriveni okvir za tekst

Omogućava vam da prenesete neku vrstu servisnih informacija u skriptu bez prikazivanja na stranici.

Skriveno polje počinje oznakom čiji su atributi ime, tip i vrijednost... Atribut name specificira ime polja, tip definira tip polja i atribut vrijednost specificira vrijednost polja.

Dugme za slanje

Služi za slanje forme u skriptu.

Kada kreirate dugme za podnošenje obrasca, morate navesti 2 atributa: type = "podnesi" i vrijednost = "Tekst dugmeta"... Atribut name je obavezan ako dugme nije jedno, već nekoliko i svi su kreirani za različite operacije, na primer dugmad "Sačuvaj", "Izbriši", "Uredi" itd. Nakon klika na dugme, skripti se prenosi string naziv = tekst dugmeta.

Dugme za preuzimanje fajlova (pregledaj)

Služi za implementaciju učitavanja fajlova na server. Objekt pretraživanja počinje parovima oznaka

Okvir (skup polja)

Objekt fieldset omogućava vam da nacrtate okvir oko objekata. Ima oznaku za zatvaranje ... Naslov je naznačen u oznakama

... Osnovna svrha objekta je postavljanje različitih stilova izgleda.

Obrada obrasca

Svi podaci koje želite da dobijete iz HTML obrasca u PHP skripta obrađen sa superglobalnim nizovima $ _POST ili $ _GET, ovisno o navedenom u atributu metoda način prenosa podataka.

Zadatak: Potrebno je da dobijete podatke iz okvira za tekst i višelinijskog polja za unos i prosledite ih skripti.
Rješenje: Neophodno je stvarati HTML forma a PHP je skripta za obradu obrasca.

Diskusija:

Kreirajmo dva fajla: form.html i action.php... U fajlu form.htmlće sadržavati html formu s tekstnim okvirom mytext i tekstualno područje msg:

U ovoj html formi nas zanimaju 3 atributa: akcija koji specificira putanju do obrađivača obrasca, ime tekstualnog okvira ( mytext) i naziv polja u više redaka voda ( msg). U obrascu se nalazi i dugme, klikom na koje se podaci prenose.

Nakon što je html obrazac spreman, potrebno je da kreiramo rukovalac obrascima action.php:

$text = $ _POST ["moj tekst"];
$ msg = $ _POST ["moj tekst"];
echo $ text;
echo "";
echo $ msg;
?>

Nakon što unesemo bilo koju vrijednost u tekstualna polja i kliknemo na " Pošalji podatke"html obrazac šalje vrijednosti u skriptu action.php.
Nakon toga, u varijablama $ text i $ msg sadržavat će vrijednosti tekstualnog polja i višelinijskog polja za unos, čije su vrijednosti preuzete od superglobala $ _POST.

Ako želite da se html formatiranje poštuje u višelinijskom tekstualnom polju, tada koristite funkciju nl2br ():

$text = nl2br ($ _ POST ["mytext"]);
?>

Zadatak: Recimo da trebate napraviti padajuću listu s godinama od 2000. do 2050. godine.
Rješenje: Potrebno je kreirati HTML formu sa elementom SELECT i PHP - skriptom za obradu forme.

Diskusija:

Prvo, napravimo dva fajla: form.html i action.php... U fajlu form.htmlće sadržavati html obrazac sa padajućom listom. Štoviše, vrijednosti na listi mogu se navesti na dva načina:

I. Ručni unos podataka:

2000
2001
2002
……………………………………………
2050

II. Unos podataka kroz petlju:

$ godina = 2000;
za ($ i = 0; $ i<= 50; $i++) // Цикл от 0 до 50
{
$ new_years = $ godina + $ i; // Formirajte novu vrijednost
eho" ". $ new_years.""; // Formirajte novi red
}
?>

Kao što vidite, drugi primjer sa petljom je kompaktniji. Mislim da nije potrebno donositi skriptu rukovaoca ove forme, jer se obrađuje na isti način kao i tekstualno polje, tj. vrijednosti liste mogu se preuzeti iz superglobalnog niza $ _POST.

Opis:

Kreirajmo HTML obrazac za slanje fajla na server.

Dati html-forma sadrži element pretraživati, koji otvara dijaloški okvir za odabir datoteke za otpremanje na server. Pritiskom na dugme "Prenesi fajl", datoteka se prosljeđuje skripti za rukovanje.

Zatim morate napisati obrađivač skripte action.php... Prije pisanja rukovatelja, morate odlučiti u koji direktorij ćemo kopirati datoteku:

if (isset ($ _ FILES ["myfile"])) // Ako datoteka postoji
{
$ catalog = "../image/"; // Naš katalog
if (is_dir ($ katalog)) // Ako postoji takav katalog
{
$ myfile = $ _FILES ["myfile"] ["tmp_name"]; // Privremena datoteka
$ myfile_name = $ _FILES ["myfile"] ["name"]; // Ime dokumenta
if (! copy ($ myfile, $ catalog)) echo "Greška pri kopiranju datoteke". $ myfile_name // Ako kopiranje datoteke nije uspjelo
}
else mkdir ("../ image /"); // Ako ne postoji takav direktorij, onda ćemo ga kreirati
}
?>

Komentar

Ako vjerujete da će korisnici učitati bilo koje datoteke na vaš server, morate biti izuzetno oprezni. Napadači mogu ubaciti "loš" kod u sliku ili fajl i poslati ga serveru. U takvim slučajevima morate strogo kontrolirati preuzimanje datoteka.

Ovaj primjer pokazuje kako kreirati direktorij i kopirati datoteku u taj direktorij na serveru.

Također bih želio pokazati primjer sa elementom polje za potvrdu... Ovaj element se malo razlikuje od ostalih elemenata po tome što ako ne i jedan od elemenata polje za potvrdu'A nije odabrano, onda je superglobalno $ _POSTĆe se vratiti prazna vrijednost:

if (! prazno ($ _ POST ["mycolor"])) echo $ _POST ["mycolor"]; // Ako je odabrana barem 1 stavka
else echo "Molimo odaberite vrijednost";
?>

Posljednje ažurirano: 08.04.2016

Jednoredni tekstualni okvir se kreira pomoću elementa za unos kada je njegov atribut tipa postavljen na tekst:

Brojni dodatni atributi se mogu koristiti za prilagođavanje okvira za tekst:

dirname: postavlja smjer teksta

maksimalna dužina: maksimalna dozvoljeni iznos znakova u okviru za tekst

obrazac: definira obrazac s kojim bi trebao odgovarati ulazni tekst

čuvar mjesta: postavlja tekst koji se po defaultu prikazuje u tekstualnom okviru

readonly: čini polje teksta samo za čitanje

obavezno: označava da tekstualno polje mora imati vrijednost

veličina: postavlja širinu tekstualnog okvira u vidljivim znakovima

vrijednost: postavlja zadanu vrijednost u okviru za tekst

Primijenimo neke atribute:

Ovaj primjer postavlja atribute maxlength i size u drugom tekstualnom okviru. U ovom slučaju, veličina - to jest, broj znakova koji se uklapaju u vidljivi prostor polja je veći od dozvoljenog broja znakova. Međutim, ionako nećemo moći unijeti znakove veće od maksimalne dužine.

U ovom slučaju, također je važno razlikovati atribute vrijednosti i čuvara mjesta, iako su oba postavljena vidljivi tekst u polju. Čuvar mjesta, međutim, postavlja neku vrstu nagoveštaja ili upita za unos, tako da se obično provjerava u sivoj boji... Dok vrijednost predstavlja zadani tekst unet u polje:

Atributi samo za čitanje i onemogućeni čine tekstualno polje nedostupnim, međutim, oni su popraćeni različitim vizuelni efekat... U slučaju da je onemogućeno, tekstualno polje je zasjenjeno:

Među atributima tekstualnog okvira treba istaći i takav atribut kao lista. Sadrži referencu na element liste podataka, koji definira skup vrijednosti koje se pojavljuju kao nagovještaj dok kucate u tekstualni okvir. Na primjer:

Atribut liste tekstualnog okvira ukazuje na id elementa liste podataka. Sam element liste podataka koristi ugniježđene elemente opcija za definiranje elemenata liste. I dok kucate u okvir za tekst, ova lista se prikazuje kao opis alata.

Polje za pretragu

Za kreiranje polja za pretraživanje koristite element za unos sa atributom type = "search". Formalno, to je jednostavno tekstualno polje:

Polje za unos lozinke

Za unos lozinke koristite element za unos sa atributom type = "password". Njegovo žig je da su uneseni znakovi maskirani tačkama:

Ovaj element obrasca je dizajniran da stvori područje u koje možete unijeti nekoliko redova teksta. U takvom tekstualnom polju dozvoljeni su prelomi redova, oni se čuvaju prilikom slanja podataka na server.

Tekstualno polje u više redaka 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 i 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.

Rezultat primjera prikazan je na sl. jedan.

Rice. 1. Tip tekstualnog polja prema zadanim postavkama

Za važe ista ograničenja kao za <input>, odnosno:</p><ul><li><textarea>ne može biti ugniježđen unutar veze <a> ;</li><li><textarea>ne može biti ugniježđen unutar dugmeta <button> ;</li> </ul><p>V <textarea>dozvoljeno je umetanje <a href="https://bumotors.ru/bs/sochetanie-klavish-chtoby-vydelit-vse-polnyi-spisok-goryachih-klavish-windows.html">proizvoljan tekst</a> i pojavit će se unutar okvira za uređivanje teksta. U ovom slučaju se uzimaju u obzir svi razmaci, za razliku od normalnog HTML-a (primjer 2).</p><p>Primjer 2. Tekstualno polje sa tekstom</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Polje za tekst</title> </head> <body> <form action="handler.php"> <p><strong>Uredite svoju recenziju:</strong></p> <p><textarea name="edit" rows="3" cols="30">KG / AM piće yadu.

Rezultat ovaj primjer prikazano na sl. 2. Imajte na umu da se u obzir uzimaju svi razmaci i prijelomi redova unutra. .</p><p><img src='https://i2.wp.com/webref.ru/assets/images/html5-forms/textarea.png' width="100%" loading=lazy loading=lazy></p><p>Rice. 2. Polje sa tekstom</p><p>Obično veličine <textarea>se postavljaju pomoću stilova, ali ako su i rows i cols atributi postavljeni sa širinom i visinom preko CSS-a, tada stilovi imaju prednost i vrijednost atributa se zanemaruje.</p> <br><p>Forme u HTML-u su najteže, ali s druge strane, možda i najteže <a href="https://bumotors.ru/bs/chto-postit-v-blog-chtoby-bylo-interesno-idei-dlya-bloga-o-ch-m-pisat-posty-v.html">zanimljiva tema</a> u HTML-u.</p> <p>Web obrasci omogućavaju posjetiocima stranice da unesu određene informacije u posebna polja, a programer ih može primiti u formi koja mu odgovara.</p> <p>Primjer obrasca je <a href="https://bumotors.ru/bs/antipatiya-dealer-guestbook-php-gostevaya-kniga-php-guestbook-ya-kupilsya-kak-my-eto.html">Knjiga gostiju</a>, upitnik, <a href="https://bumotors.ru/bs/sozdat-svoi-test-onlain-instrukciya-kak-sozdat-test-v-gruppe-s-pomoshchyu.html">online test</a>... Obrasci se popunjavaju prilikom registracije na sajtu, prilikom naručivanja u internet prodavnici itd.</p> <p>Koristeći HTML, možete kreirati kostur forme: okvire za tekst, menije, liste, dugmad, potvrdne okvire i radio dugmad. Odnosno one elemente uz pomoć kojih se određene informacije unose u obrazac.</p> <p>Podaci uneseni u obrazac se zatim šalju serveru na obradu. Ali HTML je ovdje nemoćan - program ili skripta već radi na obradi obrasca koji mu je priložen. Takvi programi se obično pišu <a href="https://bumotors.ru/bs/operator-vybora-if-v-yazyke-c-osnovy-php-cikl-for-primery-ispolzovaniya-logicheskih-operatorov.html">php</a> ili javascript.</p> <h4>Atributi obrasca - Tag <form></h4> <p>Na web stranici može biti nekoliko formi ( <i>onoliko koliko je potrebno programeru</i>). Svaki od njih počinje oznakom <form>i završava sa završnom oznakom</form> .</p> <p>Atribut akcije je neophodan za bilo koji obrazac - on ukazuje na adresu datoteke koja opslužuje obrazac ( <i>obrađuje podatke unesene u njega</i>).</p> <p>Atribut method određuje kako se šalje sadržaj obrasca. Postoje dvije metode - GET i POST. Sada nema smisla ulaziti u ove parametre, budući da je tema slanja informacija <a href="https://bumotors.ru/bs/php-post-i-get-zaprosy-dlya-nachinayushchih-ispolzovanie-metodov-get-i.html">GET metode</a> a POST se odnosi na jezike za obradu podataka ( <i>na primjer PHP</i>). Dovoljno je znati da se u većini oblika u većini slučajeva koristi POST metoda prijenosa podataka.</p> <p>Atribut imena oznake <form>je opciono. Ali ako u dokumentu postoji nekoliko obrazaca, onda svaki od njih mora nekako biti identificiran od strane procesora. Dakle, prisustvo <a href="https://bumotors.ru/bs/atributy-name-i-id-raznica-mezhdu-atributami-id-i-name-v-html.html">atribut imena</a> u ovom slučaju je neophodno - specificira jedinstveno ime za obrazac.</p> <p>Također možete postaviti kodiranje za ulazne podatke - atribut accept-charset je odgovoran za to, a također, koristeći <a href="https://bumotors.ru/bs/ikt-kak-delat-tablicu-v-html-giperssylka-giperssylka-chto-eto.html">ciljni atribut</a>, definirajte prozor u kojem će se prikazati rezultat obrade poslatog obrasca ( <i>u novom ili trenutnom prozoru</i>).</p> <p>Ali sama oznaka <form>nema smisla, jer formular prenosi podatke koje prvo treba negdje unijeti!</p> <h4>Unos podataka. Polja obrasca - oznaka <input></h4> <p>Tag <input>ovo je najčešće korištena oznaka u obrascima. Dizajniran je za stvaranje <a href="https://bumotors.ru/bs/razreshenie-ekrana-dlya-obs-sceny-istochniki-i-dobavlenie-razlichnyh-elementov-chto.html">razni elementi</a>, koji se koristi za unos podataka u obrazac: to su tekstualna polja, dugmad, potvrdni okviri, radio dugmad.</p> <p>tip je glavni atribut oznake <input>... Postavlja tip polja ( <i>element</i>) oblici:</p> <table width="100%" border="1"><tr><td width="300px"> <p>Vrijednost atributa tipa = "..."</p> </td> <td width="245px"> <p>Rezultat</p> </td> <td> <p>Opis</p> </td> </tr><tr><td> <p><input type="text" size="20" value="Tvoje ime..." ></p> </td> <td align="center"><form> <input type="text" size="20" value="Tvoje ime..."></form> </td> <td><p>Jednoredni tekstualni okvir za unos teksta. Atribut size specificira širinu polja u znakovima.</p> </td> </tr><tr><td><p><input type="password" maxlength="10" size="20" ></p> </td> <td align="center"><form> <input type="password" maxlength="10" size="20"></form> </td> <td><p>Tekstualno polje za unos lozinke. <br>Setovi atributa maxlength <a href="https://bumotors.ru/bs/preobrazovanie-iz-pdf-v-eksel-maksimalnoe-kolichestvo-stranic.html">maksimalni iznos</a> znakova koji se mogu unijeti</p> </td> </tr><tr><td><p><input type="radio" name="radio" value="1" checked></p> <p><input type="radio" name="radio" value="2" ></p> <p><input type="radio" name="radio" value="3" ></p> </td> <td align="center"> <form> <input type="radio" name="radio" value="1" checked> 1 <input type="radio" name="radio" value="2"> 2 <input type="radio" name="radio" value="3"> 3 </form> </td> <td><p>Prekidač. <br>Možete odabrati samo jednu od ponuđenih opcija. Provjereni atribut definira unaprijed označeno polje.</p> </td> </tr><tr><td><p><input type="checkbox" name="flag" value="1" checked></p> <p><input type="checkbox" name="flag" value="2" ></p> <p><input type="checkbox" name="flag" value="3" ></p> </td> <td align="center"> <form> <input type="checkbox" checked>1 <input type="checkbox">2 <input type="checkbox">3 </form> </td> <td><p>Polje za potvrdu. <br>Dostupno je nekoliko opcija.</span> Atribut <span>checked definira prethodno označeno polje.</p> </td> </tr><tr><td><p><input type="button" value="Dugme" ></p> </td> <td align="center"><form> <input type="button" value="Dugme"></form> </td> <td><p>Dugme. <br>Atribut value postavlja oznaku na dugme.</p> </td> </tr><tr><td><p><input type="reset" value="Resetovati" ></p> </td> <td align="center"><form> <input type="reset" value="Resetovati"></form> </td> <td><p>Dugme za resetovanje. <br>Vraća polja obrasca u njihov originalni izgled. Resetovanje unesenih podataka.</p> </td> </tr><tr><td><p><input type="submit" ></p> </td> <td align="center"><form> <input type="submit"></form> </td> <td><p>Dugme za slanje unesenih podataka.</p> </td> </tr><tr><td><p><input type="file" ></p> </td> <td align="center"><form> <input type="file"></form> </td> <td><p>Polje za unos naziva učitanog fajla.</p> </td> </tr><tr><td><p><input type="image" src="img/buttom.gif" ></p> </td> <td align="center"><form> <input type="image" src="img/buttom.gif"></form> </td> <td><p>Dugme za sliku. <br>Takođe služi za slanje podataka na server. Atribut src specificira adresu datoteke slike.</p> </td> </tr><tr><td><p><input type="hidden" size="20" ></p> </td> <td align="center"><form> <input type="hidden" size="20"></form> </td> <td><p>Skriveno polje je nevidljivo za korisnika.</p> </td> </tr></table><h3>Padajući meni - Oznake <select>i <option></h3> <p>Tag <select>kao i oznaka <input>služi za prikupljanje informacija - kreira listu sa koje možete odabrati jednu ili više stavki. Svaki element ima odgovarajuću vrijednost, koja se šalje serveru na obradu.</p> <p>Pogled <a href="https://bumotors.ru/bs/kak-sdelat-numerovannyi-spisok-sozdanie-v-word-spiska-markirovannyi.html">lista koja se kreira</a> zavisi od vrednosti <a href="https://bumotors.ru/bs/atribut-size-elementa-input-type-text-ustanavlivaet-opisanie-parametrov-tega.html">atribut veličine</a>: za veličinu = "1" ( <i>default</i>) lista će biti padajući.</p> <p>Druga vrijednost za atribut size će odgovarati broju prikazanih stavki liste. Na primjer, s veličinom = "3", tri stavke će biti vidljive. Da vidite ostale stavke liste ( <i>ako iko</i>) trebalo bi da koristite <a href="https://bumotors.ru/bs/ubiraem-na-ekrane-monitora-gorizontalnye-polosy-kotorye-poyavilis.html">vertikalna pruga</a> skrol koji se dodaje automatski.</p> <p>Podrazumevano se može odabrati samo jedna stavka na listi. Dodavanje višestrukog atributa u oznaku <select>omogućava vam da odaberete više stavki na listi pomoću miša i <a href="https://bumotors.ru/bs/deistvie-primenyaemoe-po-hokkeyu-ctrl-x-goryachie-klavishi-na-klaviature.html">Ctrl tipke</a> i Shift.</p> <p>Ako je prisutan višestruki atribut, bit će prikazane sve ili dio stavki liste ( <i>zavisno od pretraživača</i>) ako atribut veličine nije postavljen na određeni broj vidljivih tačaka.</p> <p>Neophodni element padajuće liste je oznaka <option>... Nalazi se unutar oznake <select>i kreira svaku stavku liste.</p> <p>Korištenje atributa name oznake <select>listi dobiva ime i korištenje atributa vrijednosti oznake <option>stavci liste je dodeljena vrednost. Tako se serveru šalje par "ime = vrijednost" - ime liste i vrijednost odabranog elementa/s.</p> <p>Odabrani atribut oznake <option>definira unaprijed odabranu stavku liste, i <a href="https://bumotors.ru/bs/kak-sdelat-knopku-neaktivnoi-javascript-neaktivnaya-knopka-submit-atribut.html">disabled attribute</a> blokira stavku liste - ne može se odabrati.</p> <p><img src='https://i0.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><form> <br><p>Strana svijeta je jedan od četiri glavna smjera:</p> <br> <select name= "storona" > <br> <option value= "Sjever" >Sjever</option><br> <option value= "Jug" >Jug</option><br> <option value= "Zapad" >Zapad</option><br> <option value= "Istok" >Istok</option> <br> </select><br><p>7 svjetskih čuda!</p> <br> <select name= "chudo" size= "4" multiple> <br> <option value= "1" >Keopsova piramida</option><br> <option value= "2" selected> <span>Viseći vrtovi Babilona</span> </option><br> <option value= "3" disabled> <span>Zevsova statua u Olimpiji</span> </option><br> <option value= "4" > <span>Artemidin hram u Efesu</span> </option><br> <option value= "5" > <span>mauzolej u Halikarnasu</span> </option><br> <option value= "6" > <span>Kolos sa Rodosa</span> </option><br> <option value= "7" > <span>Aleksandrijski svjetionik</span> </option><br> </select><br><p> <input type= "reset" value= "Resetovati" > </p> <br> </form> </p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_result.jpg' height="61" width="200" loading=lazy loading=lazy></p> <form> <p>Strana svijeta je jedan od četiri glavna smjera:</p><p>Sjever Jugo Zapad Istok</p><p>7 svjetskih čuda!</p><p>Keopsova piramida Viseći vrtovi Babilona Zevsova statua u Olimpiji Artemidin hram u Efezu Mauzolej u Halikarnasu Kolos sa Rodosa Svetionik Aleksandrije</p><p><input type="reset" value="Resetovati"></p> </form> <h3>Višelinijski tekstualni okvir - oznaka <textarea></h3> <p>Tag <textarea>kreira tekstualni okvir sa više redaka. U njemu je dozvoljeno raditi prijelome reda, koji se pohranjuju prilikom prijenosa podataka do rukovatelja.</p> <p>Atribut imena oznake <textarea>je obavezan - dodeljuje naziv tekstualnom polju.</p> <p>Disabled atribut blokira polje - sadržaj polja se ne može promijeniti i nije dostupan. Atribut readonly označava da je polje samo za čitanje – korisnik ne može uređivati ​​sadržaj, ali je dostupan – može se odabrati i, na primjer, kopirati.</p> <p>Možete postaviti širinu okvira za tekst u znakovima i visinu okvira u redovima koristeći atribute cols i rows, respektivno.</p> <p><img src='https://i0.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><p> <textarea name= "text" cols= "40" rows= "5" readonly> <span>Ako sadržaj polja premašuje njegovu veličinu, pojavit će se klizač.</span>

Ako sadržaj polja premašuje njegovu veličinu, pojavit će se klizač.

Primjer korištenja obrasca

Sada da vidimo kako forma funkcionira.

Obrazac za narudžbu za video trening:

Tvoje ime: *

Vaša narudžba:

HTML video tutorijal
CSS Video Tutorial
PHP video tutorijal

Odaberite medij:

CD

DVD

USB Flash

Vaš email: *

Vaša adresa: *

Top srodni članci

Različiti pokreti miša okomito i horizontalno

Kako komprimirati teksture u Fallout 4

Ostaje samo razumjeti potreban nivo