Podešavanje veličine polja. css parametri širine i visine za postavljanje veličine elemenata html stranice

09.04.2019 Sigurnost

Korištenje svojstva "Veličina polja" za numerička polja u Pristupni stolovi možete kontrolirati količinu zapisa u bazi podataka. Tekstualnim poljima se takođe može promeniti veličina, iako efekat ovoga u smislu uštede prostora nije toliko primetan.

Bilješka: Funkcije opisane u ovom članku ne primjenjuju se na Access web aplikacije i web baze podataka.

U ovom članku

Rezultat promjene veličine polja

Možete promijeniti veličinu i praznog polja i polja koje već sadrži podatke. Učinak promjene veličine polja ovisi o tome da li ono sadrži podatke.

Ako polje ne sadrži podatke Promjena veličine polja postavlja ograničenje veličine novih vrijednosti u tom polju. Za numerička polja, veličina tačno određuje volumen prostor na disku korišteno Pristup aplikaciji za pohranjivanje svake vrijednosti odgovarajućeg polja. Za tekstualna polja, veličina polja određuje maksimalnu količinu prostora na disku koju Access može dodijeliti za svaku vrijednost tog polja.

Ako polje sadrži podatke Kada promijenite veličinu polja, Access isječe sve vrijednosti u polju koje su veće od specificirana veličina, a također ograničava veličinu novih vrijednosti podataka u polju, kao što je gore opisano.

Promjena veličine polja s brojevima

savjet:

Konstruktor.

U području Svojstva polja tab Uobičajeni su Veličina polja. Možete odabrati jednu od vrijednosti navedenih u nastavku.

Byte- za cijele brojeve od 0 do 255. Za pohranu je potreban 1 bajt.

Integer- za cijele brojeve od -32768 do +32767 Za pohranu su potrebna 2 bajta.

dugi cijeli broj- za cijele brojeve od -2 147 483 648 do +2 147 483 647. Za pohranu su potrebna 4 bajta.

savjet: Tip podataka Long Integer trebao bi se koristiti prilikom kreiranja stranog ključa za povezivanje polja s poljem primarnog ključa u drugoj tablici koja ima tip podataka Counter.

Jedan plutajući zarez- za brojeve s pokretnim zarezom od -3,4 x 1038 do +3,4 x 1038, koji imaju do 7 značajnih cifara. Za pohranu su potrebna 4 bajta.

dupli float- za brojeve s pokretnim zarezom od -1,797 x 10308 do +1,797 x 10308 koji imaju do 15 značajnih cifara. Za pohranu je potrebno 8 bajtova.

Replikacijski kod- za GUID potreban za replikaciju.

Bilješka: Replikacija nije podržana za .accdb datoteke.

Realni broj - Za numeričke vrijednosti-9,999...x1027 do +9,999...x1027 Za pohranu je potrebno 12 bajtova.

Promjena veličine tekstualnog okvira

savjet: Ako polje kojem želite promijeniti veličinu već sadrži podatke, preporučujemo da kreirate polje prije nego što nastavite. backup baze.

U oknu za navigaciju kliknite desni klik pređite mišem preko tabele koja sadrži polje koje želite da promenite i izaberite komandu Konstruktor.

U mreži dizajnera tablice odaberite polje kojem želite promijeniti veličinu.

U području Svojstva polja tab Uobičajeni su odrediti nova veličina polja kao vrijednost svojstva Veličina polja. Unesite vrijednost između 1 i 255. Ovaj broj definira maksimalni iznos znakove sadržane u svakoj od vrijednosti. Za velika polja koristite tip podataka Memo (dugi tekst u Access 2016).

Bilješka: Za podatke u tekstualnim okvirima (kratki tekst u Accessu 2016), Access ne rezerviše više prostora nego što je potrebno za skladištenje stvarnih vrednosti. Nekretnina Veličina polja definira veličinu maksimalne vrijednosti polja.

HTML Forms su kontrole koje se koriste za prikupljanje informacija od posjetitelja web stranice.

Web obrasci se sastoje od skupa tekstualnih polja, dugmadi, lista i drugih kontrola koje se aktiviraju klikom miša. Obrasci tehnički prenose podatke od korisnika do udaljenog servera.

Web programski jezici se koriste za primanje i obradu podataka obrasca, kao npr PHP, Perl.

Prije pojave HTML5, web forme su bile zbirka nekoliko elemenata , završava dugmetom . Bilo je potrebno mnogo truda da se stilizuju forme u različitim pretraživačima. Osim toga, obrasci su zahtijevali korištenje JavaScripta za validaciju unesenih podataka, a također su bili lišeni specifičnih tipova polja za unos za navođenje svakodnevnih informacija kao što su datumi, adrese Email i URL-ove.

HTML5 obrasci riješio većinu ovih uobičajenih problema zahvaljujući prisutnosti novih atributa, pružajući mogućnost promjene izgled elementi forme zbog CSS3.

Rice. 1. Poboljšani web obrasci sa HTML5

Kreiranje HTML5 obrasca

1. Stavka

Osnova svakog oblika je element .... Ne pruža unos jer je kontejner, koji drži sve kontrole obrasca zajedno − polja. Atributi ovog elementa sadrže informacije koje su zajedničke za sva polja obrasca, tako da polja koja su logički kombinovana moraju biti uključena u jedan obrazac.

Tabela 1. Atributi oznake

Atribut	Značenje / opis
accept-charset	Vrijednost atributa je razmaknuta lista kodiranja znakova, koji će se koristiti za podnošenje obrasca, npr. .
akcija	Obavezni atribut, koji specificira url rukovaoca obrascima na serveru na koji se podaci šalju. To je datoteka (na primjer, action.php) koja opisuje šta treba raditi sa podacima obrasca. Ako vrijednost atributa nije navedena, tada će nakon ponovnog učitavanja stranice elementi obrasca poprimiti zadane vrijednosti. U slučaju da će se svi radovi obavljati na strani klijenta JavaScript skripte, zatim za atribut akcije možete odrediti vrijednost #. Također možete osigurati da obrazac koji je popunio posjetitelj stigne na vašu poštu. Da biste to uradili, potrebno je da izvršite sledeći unos:
autocomplete
enctype	Koristi se za označavanje MIME-tip podataka koji se šalju uz obrazac, na primjer, enctype="multipart/form-data" . Navedeno samo ako method="post" . application/x-www-form-urlencoded je zadani tip sadržaja, što ukazuje da su dostavljeni podaci lista varijabli obrasca kodiranih URL-om. Znakovi za razmak (ASCII 32) će biti kodirani kao +, a specijalni znakovi kao što je ! će biti kodiran u heksadecimalnom obliku kao %21. multipart/form-data - koristi se za podnošenje obrazaca koji sadrže datoteke, ne-ASCII podatke i binarne podatke, sastoji se od nekoliko dijelova, od kojih svaki predstavlja sadržaj pojedinačni element forme. text/plain - označava da se prosljeđuje običan (ne-html) tekst.
metoda	Određuje način na koji se podaci obrasca šalju. Get metoda šalje podatke serveru putem adresna traka Pretraživač. Prilikom formiranja zahtjeva prema serveru, sve varijable i njihove vrijednosti formiraju niz poput www.anysite.ru/form.php?var1=1&var2=2. Da li se imena i vrijednosti varijabli dodaju adresi servera nakon znaka? i odvojeni su sa & . Sve Posebni simboli a slova različita od latinice su kodirana u formatu %nn, razmak je zamijenjen sa +. Ovu metodu treba koristiti ako ne prenosite velike količine informacija. Ako se datoteka treba dostaviti zajedno sa formularom, ovaj metod neće raditi. Post metoda se koristi za slanje velikih količina podataka, kao i povjerljiva informacija i lozinke. Podaci poslati ovim metodom nisu vidljivi u zaglavlju URL-a jer se nalaze u tijelu poruke.
ime	Setovi naziv obrasca, koji će se koristiti za pristup elementima obrasca putem skripti, na primjer, name="opros" .
novalidate	Onemogućuje provjeru valjanosti u gumbu za slanje obrasca. Atribut se koristi bez vrijednosti
cilj	Određuje prozor u koji će se slati informacije: _blank - novi prozor _self je isti okvir _parent - roditeljski okvir (ako postoji, ako ne, onda na trenutni) _top - prozor vrhunski nivo u odnosu na ovaj okvir. Ako poziv nije iz podređenog okvira, onda u isti okvir.

2. Grupisanje elemenata forme

Element

...

dizajniran je da grupiše elemente koji su međusobno povezani, čime se oblik dijeli na logičke fragmente.

Svakoj grupi elemenata može se dati ime pomoću elementa , koji dolazi odmah nakon oznake

. Naziv grupe pojavljuje se na lijevoj strani u gornjem rubu

. Na primjer, ako je element

kontakt informacije se pohranjuju:

Rice. 2. Grupisanje elemenata forme sa

Tabela 2. Atributi oznake

Atribut	Značenje / opis
onemogućeno	Ako je atribut prisutan, tada je grupa povezanih elemenata obrasca sadržana u kontejneru , onemogućen za popunjavanje i uređivanje. Koristi se za ograničavanje pristupa određenim poljima obrasca koja sadrže prethodno unesene podatke. Atribut se koristi bez specificiranja vrijednosti − .
formu	u istom dokumentu. Označava jedan ili više oblika kojima pripada. ovu grupu elementi. On ovog trenutka atribut ne podržava nijedan pretraživač.
ime	Definiše Ime, koji će se koristiti za upućivanje na elemente u JavaScript-u ili za upućivanje na podatke obrasca nakon što je obrazac popunjen i poslan. Analogno je atributu id.

3. Kreirajte polja obrasca

Element kreira većinu polja obrasca. Atributi elementa se razlikuju ovisno o vrsti polja za koje se element koristi.

Koristeći css stilove, možete promijeniti veličinu fonta, vrstu fonta, boju i druga svojstva teksta, kao i dodati ivice, boju pozadine i pozadinska slika. Širina polja je podešena širina svojstva.

Tabela 3. Atributi oznake

Atribut	Značenje / opis
prihvatiti	Određuje vrstu datoteke koja je dozvoljena za slanje na server. Određeno samo za . Moguće vrijednosti: file_extension - omogućava upload fajlova sa specificirano proširenje, na primjer, accept=".gif" , accept=".pdf" , accept=".doc" audio/* - omogućava preuzimanje audio datoteka video/* - omogućava preuzimanje video datoteka image/* - omogućava postavljanje slika media_type - označava vrstu medija učitanih datoteka.
alt	Definiše alternativni tekst za slike, naznačeno samo za .
autocomplete	Odgovoran za pamćenje vrijednosti unesenih u tekstualno polje i njihovu automatsku zamjenu za naknadni unos: uključeno - znači da polje nije zaštićeno, a njegova vrijednost se može sačuvati i preuzeti, isključeno - onemogućuje automatsko dovršavanje za polja obrasca.
autofokus	Omogućava vam da se uvjerite da u obrascu koji se učitava jedno ili drugo polje za unos već ima fokus (bilo je odabrano), spremno za unos vrijednosti.
provjereno	Atribut provjerava da li je potvrdni okvir označen po defaultu pri učitavanju stranice za polja tipa type="checkbox" i type="radio" .
onemogućeno
formu	Vrijednost atributa mora biti jednaka id atributu elementa u istom dokumentu. Određuje jedan ili više obrazaca kojima ovo polje obrasca pripada.
formiranje	Određuje url datoteke koja će obraditi podatke unesene u polja prilikom slanja obrasca. Postavite samo za polja tipa type="submit" i type="image" . Atribut nadjačava vrijednost atributa akcije samog obrasca.
formenctype	Određuje kako će podaci polja obrasca biti kodirani kada se pošalju na server. Nadjačava vrijednost atributa enctype obrasca. Postavite samo za polja tipa type="submit" i type="image" . Opcije: application/-x-www-form-urlencoded je zadana vrijednost. Svi znakovi su kodirani prije slanja (razmaci se zamjenjuju znakom +, specijalni znakovi se pretvaraju u ASCII HEX vrijednosti) multipart/form-data - znakovi nisu kodirani tekst/običan - razmaci se zamjenjuju znakom +, a specijalni znakovi nisu kodirani.
formmethod	Atribut specificira metodu koju će pretraživač koristiti za slanje podataka obrasca na server. Postavite samo za polja tipa type="submit" i type="image" . Nadjačava vrijednost atributa metode obrasca. Opcije: get je zadana vrijednost. Podaci iz obrasca (par ime/vrijednost) se dodaju na url i šalju na server: URL?name=value&name=value podaci iz obrasca se šalju kao http zahtjev.
formnovalidate	Određuje da se podaci polja obrasca ne trebaju provjeravati kada se obrazac pošalje. Nadjačava vrijednost novalidate atributa obrasca. Može se koristiti bez specificiranja vrijednosti atributa.
formtarget	Određuje gdje će se prikazati odgovor primljen nakon slanja obrasca. Postavite samo za polja tipa type="submit" i type="image" . Nadjačava vrijednost ciljni atribut forme. _parent - Učitava odgovor u roditeljski okvir _top - učitava odgovor na cijelom ekranu framename - Učitava odgovor u okvir sa navedenim imenom.
visina	Vrijednost atributa sadrži broj piksela bez navođenja jedinice. Postavlja visinu polja obrasca poput type="image" , npr. . Preporučuje se da istovremeno postavite i visinu i širinu polja.
lista	Je referenca na element , sadrži svoj id. Omogućava korisniku da ima više opcija za izbor kada počnu upisivati vrijednost u odgovarajuće polje.
max	Omogućava vam da ograničite dozvoljeni unos numeričkih podataka maksimalna vrijednost, vrijednost atributa može biti cijeli broj ili razlomak broj. Preporučuje se da se ovaj atribut koristi zajedno sa atributom min. Radi sa sljedećim tipovima polja: broj , opseg , datum , datum i vrijeme , datetime-local , mjesec , vrijeme i sedmica .
maxlength	Atribut specificira maksimalan broj znakova unesenih u polje. Zadana vrijednost je 524288 znakova.
min	Omogućava vam da ograničite dozvoljeni numerički unos na minimalnu vrijednost.
višestruko	Omogućava korisniku da unese više vrijednosti atributa razdvojenih zarezom. Odnosi se na fajlove i adrese e-pošte. Navedeno bez vrijednosti atributa.
ime	Određuje ime koje će se koristiti za pristup elementu , na primjer, u tabelama css stilovi. Analogno je atributu id.
uzorak	Omogućava vam da definirate korištenje regularni izraz sintaksu podataka koji bi trebali biti dozvoljeni u određenom polju. Na primjer, obrazac="(3)-(3)" - uglaste zagrade postavite opseg važećih znakova, in ovaj slučaj— bilo koji mala slova, broj u vitičastim zagradama označava da želite tri mala slova iza kojih slijedi crtica nakon koje slijede tri cifre u rasponu od 0 do 9.
čuvar mjesta	Sadrži tekst koji se prikazuje u polju za unos dok se ne popuni (najčešće je to nagoveštaj).
samo za čitanje	Ne dozvoljava korisniku da mijenja vrijednosti elemenata obrasca, dok je odabir i kopiranje teksta dostupno. Navedeno bez vrijednosti atributa.
potrebno	Prikazuje poruku u kojoj se navodi da je polje obavezno. Ako korisnik pokuša poslati obrazac bez unošenja tražene vrijednosti u ovo polje, na ekranu će se prikazati poruka upozorenja. Navedeno bez vrijednosti atributa.
veličina	Određuje vidljivu širinu polja u znakovima. Zadana vrijednost je 20. Radi sa sljedećim tipovima polja: tekst, pretraga, tel, url, email i lozinka.
src	Određuje url slike koji će se koristiti kao dugme za slanje podataka obrasca. Navedeno samo za polje .
korak	Koristi se za elemente koji prihvataju numerički unos, označava iznos za povećanje ili smanjenje vrednosti tokom podešavanja opsega (korak).
tip	dugme - kreira dugme.
	checkbox - pretvara polje za unos u polje za potvrdu koje se može označiti ili obrisati, npr. imam auto
	boja - generiše birače boja u podržanim pretraživačima, omogućavajući korisnicima da odaberu vrednosti boja u heksadecimalnom formatu.
	datum - omogućava vam da unesete datum u formatu dd.mm.gggg. rođendan:
	datetime-local - omogućava vam da unesete datum i vrijeme odvojene velikim slovima Englesko pismo T po uzorku dd.mm.gggg hh:mm. Rođendan - dan i vrijeme:
	e-pošta - pretraživači koji podržavaju dati atribut, će očekivati da korisnik unese podatke koji odgovaraju sintaksi e-mail adresa. Email:
	fajl - omogućava vam da otpremite fajlove sa računara korisnika. Odabrati datoteku:
	hidden - sakriva kontrolu koju pretraživač ne prikazuje i sprečava korisnika da promeni podrazumevane vrednosti.
	slika - kreira dugme, omogućavajući vam da umetnete sliku umesto teksta na dugme.
	mjesec - Omogućava korisniku da unese broj godine i mjeseca koristeći obrazac yyyy-mm.
	broj - namijenjen za unos cjelobrojnih vrijednosti. Njegovo min atributa, max i step postavljaju gornju, donju granicu i korak između vrijednosti, redom. Ovi atributi se pretpostavljaju za sve elemente koji imaju numeričke indikatore. Njihove zadane vrijednosti zavise od tipa elementa. Navedite količinu (od 1 do 5):
	lozinka - kreira tekstualna polja u obrascu, dok se znakovi koje unese korisnik zamjenjuju zvjezdicama, mecima ili drugim, instaliran od strane pretraživača ikone. Unesite lozinku:
	radio - stvara radio dugme - kontrolu u obliku malog kruga koji se može uključiti ili isključiti. vegetarijanac:
	raspon - omogućit će vam da kreirate element sučelja kao što je klizač, min / max - omogućit će vam da postavite raspon odabira
	reset - kreira dugme koje briše polja obrasca od korisničkog unosa.
	pretraga - označava polje za pretragu, po defaultu polje za unos ima pravougaoni oblik. Traži:
	podneti - kreira standardno dugme, aktivira se klikom miša. Dugme prikuplja informacije iz obrasca i šalje ih na obradu.
	text - Kreira tekstualna polja na obrascu tako što prikazuje tekstualno polje u jednom redu za unos teksta.
	vrijeme - omogućava vam da unesete vrijeme u 24-satnom formatu koristeći obrazac hh:mm. U podržanim pretraživačima, pojavljuje se kao kontrola u obrascu polje broja mišom podesiv unos i prihvata samo vremenske vrijednosti. Navedite vrijeme:
	url - polje je namijenjeno za navođenje URL-ova. Glavna stranica:
	sedmica - Odgovarajući alat za indeksiranje omogućava korisniku da odabere jednu sedmicu u godini, nakon čega će omogućiti unos podataka u formatu nn-gggg. U zavisnosti od godine, broj sedmica može biti 52 ili 53. Navedite sedmicu:
vrijednost	Određuje tekst prikazan na dugmetu, okviru ili povezanom tekstu. Nije navedeno za polja tipa datoteke.
širina	Vrijednost atributa sadrži broj piksela. Omogućava vam da postavite širinu polja obrasca.

4. Polja za unos teksta

Element ... koristi se umjesto elementa kada trebate kreirati velika tekstualna polja. Tekst prikazan kao originalna vrijednost nalazi se unutar oznake. Dimenzije polja se postavljaju pomoću atributa cols - horizontalne dimenzije, redovi - vertikalne dimenzije. Visina polja se može postaviti pomoću svojstva visine. Sve veličine se izračunavaju na osnovu veličine jednog znaka u jednorazrednom fontu.

Tabela 4. Atributi oznake

<tr><th>Atribut</th>
<th>Značenje / opis</th>
</tr><tr><td>autofokus</td>
<td>Automatski postavlja fokus na željeno početno tekstualno polje.</td>
</tr><tr><td>cols</td>
<td>Postavlja širinu u smislu broja znakova.  Ako korisnik unese više teksta, pojavljuje se traka za pomicanje.</td>
</tr><tr><td>onemogućeno</td>
<td>Onemogućuje mogućnost uređivanja i kopiranja sadržaja polja.</td>
</tr><tr><td>formu</td>
<td>Vrijednost atributa mora biti jednaka vrijednosti atributa id elementa <form>u istom dokumentu.  Određuje jedan ili više obrazaca kojima ovo tekstualno polje pripada.</td>
</tr><tr><td>maxlength</td>
<td>Vrijednost atributa specificira <a href="https://bumotors.ru/bs/maksimalnoe-chislo-uchastnikov-besedy-v-kontakte-beseda.html">maksimalan broj</a> znakove koje treba unijeti u polje.</td>
</tr><tr><td>ime</td>
<td>Određuje ime <a href="https://bumotors.ru/bs/redaktirovanie-tekstovogo-polya-v-word-vstavka-polya-so-spiskom-ili-raskryvayushchegosya-spiska-ispolzov.html">tekstualno polje</a>.
</td>
</tr><tr><td>čuvar mjesta</td>
<td>Određuje kratki tekstualni savjet koji opisuje očekivanu vrijednost unosa.</td>
</tr><tr><td>samo za čitanje</td>
<td>Onemogućuje mogućnost uređivanja sadržaja polja.</td>
</tr><tr><td>potrebno</td>
<td>Prikazuje poruku u kojoj se navodi da je polje obavezno.</td>
</tr><tr><td>redova</td>
<td>Određuje broj koji označava koliko redova treba biti prikazano u oblasti teksta.</td>
</tr><tr><td>zamotati</td>
<td>Određuje da li tekst treba sačuvati prijelome reda kada se obrazac pošalje.  Tvrda vrijednost čuva nosivost, ali meka vrijednost ne.  Ako se koristi hard, tada se mora specificirati vrijednost atributa cols.</td>
</tr></table><h3>5. Padajuća lista</h3>
<p>Liste omogućavaju sređivanje <a href="https://bumotors.ru/bs/funkciya-sohraneniya-dokumenta-v-programme-1s-buhgalteriya.html">veliki broj</a> tačke kompaktno.  Padajuće liste se kreiraju pomoću elementa <select>...</select>.  Oni vam omogućavaju da odaberete jednu ili više vrijednosti iz predloženog skupa.  Po defaultu, okvir sa listom prikazuje svoju prvu stavku.</p>
<p>Stavke se koriste za dodavanje stavki na listu. <option>...</option>, koji se nalaze unutra <select> .</p>
<p>Element se koristi za organiziranje lista. <optgroup>...</optgroup>, koji kreira naslove u listama.</p>
<p>Za liste, možete promijeniti veličinu fonta, vrstu fonta, boju i druga svojstva teksta, kao i dodati ivice, boje pozadine i pozadinske slike.</p>
<table class="t3">Tabela 5. Atributi oznake <select>
<tr><th>Atribut</th>
<th>Značenje / opis</th>
</tr><tr><td>autofokus</td>
<td>Postavlja automatski fokus na element kada se stranica učita.</td>
</tr><tr><td>onemogućeno</td>
<td>Onemogućuje padajuću listu.</td>
</tr><tr><td>formu</td>
<td>Određuje oblik kojem pripada <a href="https://bumotors.ru/bs/1s-spisok-informacionnyh-baz-pust-chto-delat-chto-takoe-spisok-baz-dannyh-i-gde-on.html">ovu listu</a>.  ID obrasca je specificiran kao vrijednost atributa.</td>
</tr><tr><td>višestruko</td>
<td>Omogućava vam da odaberete jednu ili više stavki pritiskom i držanjem dok birate <a href="https://bumotors.ru/bs/deistvie-primenyaemoe-po-hokkeyu-ctrl-x-goryachie-klavishi-na-klaviature.html">Ctrl taster</a>.
</td>
</tr><tr><td>ime</td>
<td>Određuje ime za padajuću listu.  Vrijednost atributa sadrži ime koje odražava predmet liste.</td>
</tr><tr><td>potrebno</td>
<td>Prikazuje poruku da korisnik mora odabrati vrijednost s padajuće liste prije slanja obrasca.</td>
</tr><tr><td>veličina</td>
<td>Postavlja broj stavki liste vidljivih na ekranu u isto vrijeme.  Ako je broj elemenata na listi veći od <a href="https://bumotors.ru/bs/programmy-uskoryayushchie-rabotu-android-uskorit-android-ogranicheniem.html">dodeljeni iznos</a>, pojavljuje se traka za pomicanje.  Vrijednost atributa se daje kao pozitivan cijeli broj.</td>
</tr></table><h3>6. Naslovi za polja obrasca</h3>
<p>Oznake za elemente obrasca kreiraju se pomoću elementa <label>...</label>.  Postoje dva načina grupisanja oznaka i polja.  Ako je polje unutar elementa <label>, tada atribut for ne mora biti specificiran.</p><p>
 
<label for="comments">Kada ste zadnji put letjeli avionom?</label>
<textarea id="comments">

Cat

7. Dugmad

Element kreira dugmad na koja se može kliknuti. Za razliku od kreiranih dugmadi ( , , , ), unutar elementa .

Dugmad omogućavaju korisnicima da dostave podatke u obrazac, obrišu sadržaj obrasca ili poduzmu neku drugu radnju. Možete kreirati ivice, promijeniti pozadinu i poravnati tekst na gumbu.

Tabela 9. Atributi oznake

Atribut	Značenje / opis
autofokus	Postavlja fokus na dugme kada se stranica učita.
onemogućeno	Onemogućuje dugme, čime se ne može kliknuti.
formu	Pokazuje na jedan ili više obrazaca kojima ovo dugme pripada. Vrijednost atributa je identifikator odgovarajućeg obrasca.
formiranje	Vrijednost atributa sadrži url-adresu obrasca za obradu podataka koji se šalje kada se klikne na dugme. Samo za dugme kao što je type="submit" . Nadjačava vrijednost atributa akcije specificiranog za element .
formenctype	Postavlja tip kodiranja podataka obrasca prije slanja na server kada se klikne na gumbe poput type="submit" . Nadjačava vrijednost atributa enctype specificiranog za element . Moguće vrijednosti: application/x-www-form-urlencoded je zadana vrijednost. Svi znakovi će biti kodirani prije slanja. multipart/form-data - znakovi nisu kodirani. Koristi se kada se fajlovi učitavaju pomoću obrasca. tekst/običan - znakovi nisu kodirani, a razmaci se zamjenjuju znakom +.
formmethod	Atribut specificira metodu koju će pretraživač koristiti za slanje obrasca. Nadjačava vrijednost atributa metode specificiranog za element . Određeno samo za dugmad poput type="submit" . Moguće vrijednosti: get - podaci iz obrasca (par ime/vrijednost) se dodaju u URL i šalju na server. Ova metoda ima ograničenja u veličini poslanih podataka i nije prikladan za slanje lozinki i povjerljivih informacija. post - podaci iz obrasca se dodaju kao http zahtjev. Metoda je pouzdanija i sigurnija od get i nema ograničenja veličine.
formnovalidate	Atribut specificira da se podaci obrasca ne trebaju provjeravati prilikom slanja. Određeno samo za dugmad poput type="submit" .
formtarget	Atribut određuje u kojem prozoru će se prikazati rezultat nakon slanja obrasca. Određeno samo za dugmad poput type="submit" . Nadjačava vrijednost ciljnog atributa specificiranog za element . _blank - Učitava odgovor u novi prozor/karticu _self - učitava odgovor u istom prozoru (podrazumevano) _parent - učitava odgovor u roditeljski okvir _top - učitava odgovor na cijelom ekranu framename - Učitava odgovor u okvir sa navedenim imenom.
ime	Postavlja ime dugmeta, vrednost atributa je tekst. Koristi se za upućivanje na podatke obrasca nakon slanja obrasca ili za upućivanje na dato dugme(a) u JavaScript-u.
tip	Određuje tip dugmeta. Moguće vrijednosti: dugme - dugme na koje se može kliknuti reset - dugme za resetovanje, vraća se početna vrijednost submit je dugme za slanje podataka obrasca.
vrijednost	Postavlja zadanu vrijednost koja se šalje kada se klikne na dugme.

8. Polje za potvrdu i radio dugmad u obrascima

Potvrdni okviri u obrascima se postavljaju pomoću konstrukcije , a prekidač - koristeći .

Polje za potvrdu, za razliku od radio dugmadi, može imati više polja za potvrdu u jednom obliku. Ako je označeni atribut naveden za potvrdne okvire, onda kada se stranica učita, odgovarajuća polja obrasca će već imati potvrđene potvrdne okvire.

Element koristi se pri implementaciji odabira pomoću radio dugmadi i okvira za potvrdu. Može birati željeni predmet jednostavnim klikom na tekst povezan s njim. Za ovo morate postaviti unutar elementa .

Tag je jedan od raznovrsnih elemenata forme i omogućava vam da kreirate različitih elemenata interfejs i obezbeđuju interakciju korisnika. Uglavnom dizajniran je za kreiranje tekstualnih polja, raznih dugmadi, prekidača i potvrdnih okvira. Iako element ne treba stavljati unutar kontejnera , koji definiše formu, ali ako se podaci koje je korisnik uneo moraju poslati na server, gde ih CGI program obrađuje, onda se mora navesti FORM. Isto vrijedi iu slučaju obrade podataka korištenjem klijentske aplikacije kao što su JavaScript skripte.

Glavni parametar oznake , koji definira tip elementa - tip. Omogućava vam da postavite sljedeće stavke obrasci: tekstualno polje (tekst), polje lozinke (lozinka), prekidač (radio), kvadratić za potvrdu (checkbox), skriveno polje (skriveno), dugme (dugme), dugme za podnošenje obrasca (pošalji), dugme za brisanje obrasca ( reset ), polje za slanje datoteke (fajla) i dugme sa slikom (slikom). Svaki element ima svoju listu parametara koji određuju njegov izgled i karakteristike.

Sintaksa

Opcije

Opis parametara oznake

Parametar ALIGN

Određuje kako se polje slike poravna s tekstom ili drugim elementima obrasca.

Sintaksa

Argumenti

dnu- Poravnajte donju ivicu slike sa okolnim tekstom
lijevo- Poravnava sliku sa lijevom ivicom prozora
srednji- Poravnava sredinu slike sa osnovnom linijom trenutne linije.
u pravu- Poravnava sliku sa desnom ivicom prozora.
top- Gornja granica slike je poravnata sa najvišim elementom tekuće linije.

Zadana vrijednost je donja. Pretraživači takođe podržavaju argumente absbottom, absmiddle, osnovna linija I text top, koji nisu uključeni u HTML 4.01 specifikaciju.

ALT opcija

Parametar alt postavlja alternativni tekst za polje slike. Ovaj tekst vam omogućava da tekstualne informacije o slici kada je učitavanje slika onemogućeno u pretraživaču. Budući da se slike učitavaju nakon što pretraživač primi informacije o njima, zamjenski tekst za sliku pojavljuje se ranije. I dok se učitava, tekst će biti zamijenjen slikom. Preglednici također prikazuju alternativni tekst kao opis alata koji se pojavljuje kada postavite pokazivač miša preko slike.

Sintaksa

Vrijednost može biti bilo koja prikladna tekstualni niz. Mora biti stavljen u dvostruke ili jednostruke navodnike.

Parametar BORDER

Pretraživači obrađuju slike dodane preko oznake , slično slikama kreiranim pomoću oznake . Uključujući i oko slike, možete dodati okvir čija boja odgovara boji teksta.

Sintaksa

Važeća vrijednost je bilo koji cijeli broj pozitivan broj u pikselima. Zadana vrijednost je 0.

CHECKED parametar

Ova postavka određuje da li je element obrasca kao što je okvir za potvrdu ili radio dugme prethodno označen. U slučaju korištenja radio dugmadi, može se označiti samo jedan element grupe, za checkboxove je dozvoljeno označiti barem sve elemente.

Sintaksa

Parametar DISABLED

Blokira pristup i izmjenu polja obrasca. U ovom slučaju, prikazan je sivom bojom i korisnik ga ne može aktivirati. Osim toga, takvo polje ne može dobiti fokus pritiskom na tipku Tab, miša ili na neki drugi način. Međutim, ovo stanje polja može se promijeniti pomoću skripti.

Sintaksa

MAXLENGTH parametar

Postavlja maksimalan broj znakova koji korisnik može unijeti u tekstualno polje. Kada se ovaj broj dostigne tokom kucanja, dalji unos postaje nemoguć.

Sintaksa

NAME parametar

Određuje jedinstveno ime za element obrasca. Obično se ovo ime koristi prilikom slanja podataka na server ili pristupa unesenim podacima polja putem skripti.

Sintaksa

Ime je skup karaktera, uključujući brojeve i slova. JavaScript je osjetljiv na velika i mala slova, pa kada se pozivate na element po imenu, koristite isti pravopis kao parametar imena.

Parametar SAMO ČITANJE

Kada označiti dodaje se parametar samo za čitanje, korisnik ne može promijeniti tekstualno polje, uključujući unos novi tekst ili modificirati postojeći. Osim toga, takvo polje ne može dobiti fokus pritiskom na tipku Tab, miša ili na neki drugi način. Međutim, stanje i sadržaj polja mogu se promijeniti pomoću skripti.

Sintaksa

Parametar SIZE

Širina tekstualnog polja, koja je određena brojem znakova u monospace fontu. Drugim riječima, širina je data brojem susjednih slova iste horizontalne širine. Ako se veličina fonta mijenja pomoću stilova, širina se također mijenja u skladu s tim.

Sintaksa

Važeća vrijednost je bilo koji pozitivan cijeli broj.

SRC parametar

Adresa grafički fajl, koji će biti prikazan na web stranici u polju sa slikom.

Sintaksa

Vrijednost je puna ili relativni put u fajl.

TYPE parametar

Traženi parametar tipa govori pretraživaču koji je tip elementa obrasca.

Sintaksa

Argumenti

dugme- Dugme.
polje za potvrdu- Polje za potvrdu. Omogućava vam da odaberete više od jedne opcije među opcijama.
fajl- Polje za unos naziva datoteke koja se šalje na server.
skriveno- Skriveno polje. Ni na koji način se ne pojavljuje na web stranici.
slika- Polje sa slikom. Kada kliknete na sliku, podaci obrasca se šalju na server.
lozinka- Normalno tekstualno polje, ali se od njega razlikuje po tome što su svi znakovi prikazani kao zvjezdice. Namjera mu je osigurati da niko ne zaviri u unesenu lozinku.
radio- Prekidači. Koristi se kada morate odabrati jednu opciju od nekoliko opcija.
resetovati- Dugme za vraćanje podataka obrasca na originalnu vrijednost.
submit- Dugme za slanje podataka obrasca na server.
tekst- Polje za tekst. Dizajniran za unos znakova pomoću tastature.

Zadana vrijednost je tekst.

VALUE parametar

Određuje vrijednost elementa obrasca koji će biti poslan serveru ili dohvaćen pomoću klijentskih skripti. Par “ime=vrijednost” se šalje na server, gdje je ime specificirano parametrom imena oznake , a vrijednost je parametar vrijednosti.

Ovisno o vrsti elementa, parametar vrijednosti ima sljedeću ulogu:

za dugmad (input type="button | reset | submit") postavlja tekstualnu oznaku na njih;
za tekstualna polja (input type="password | text") specificira prethodno uneseni niz. Korisnik može obrisati tekst i unijeti svoje znakove, ali kada se koristi na dugmetu Reset na obrascu, korisnikov tekst se briše i vrijednost unesena u parametar vrijednosti se vraća;
za potvrdne okvire i radio dugmad (input type="checkbox | radio") jedinstveno identifikuje svaki element tako da klijent ili serverski program mogao nedvosmisleno odrediti koju je stavku korisnik odabrao.

Posljednje ažuriranje: 04.08.2016

Tekstualno polje u jednom redu kreira se sa elementom za unos kada je njegov atribut tipa postavljen na tekst:

Uz pomoć brojnih dodatnih atributa, možete prilagoditi tekstualno polje:

dirname : postavlja smjer teksta

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

obrazac : specificira obrazac koji bi trebao odgovarati ulaznom tekstu

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

readonly : čini polje teksta samo za čitanje

obavezno : specificira da tekstualno polje mora imati vrijednost

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

vrijednost : postavlja zadanu vrijednost u tekstualnom polju

Primijenimo neke atribute:

Tekstualna polja u HTML5

Ovaj primjer odmah postavlja atribute maxlength i size u drugom tekstualnom polju. 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, još uvijek ne možemo unijeti više znakova 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. Međutim, čuvar mjesta postavlja neku vrstu prompt-a ili upita za unos, tako da je obično označen u sivoj boji. Dok vrijednost predstavlja zadani tekst unet u polje:

Atributi samo za čitanje i onemogućeni čine tekstualno polje nedostupnim, ali dolaze s drugačijim vizuelni efekat. U slučaju da je onemogućeno, polje za tekst je zasivljeno:

Među atributima tekstualnog polja treba istaknuti i takav atribut kao što je lista . Sadrži referencu na element liste podataka koji definira skup vrijednosti koje se pojavljuju kao opis alata kada se unesu u tekstualno polje. Na primjer:

Tekstualna polja u HTML5

Atribut liste tekstualnog polja ukazuje na id elementa liste podataka. Sam element liste podataka, koristeći ugniježđene elemente opcija, definira elemente liste. A kada kucate u tekstualno polje, ova lista se prikazuje kao opis alata.

Polje za pretragu

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

Traži u HTML5

Polje za unos lozinke

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

Podešavanje veličine polja. css parametri širine i visine za postavljanje veličine elemenata html stranice

U ovom članku

Rezultat promjene veličine polja

Promjena veličine polja s brojevima

Promjena veličine tekstualnog okvira

Kreiranje HTML5 obrasca

1. Stavka

2. Grupisanje elemenata forme

3. Kreirajte polja obrasca

4. Polja za unos teksta

7. Dugmad

8. Polje za potvrdu i radio dugmad u obrascima

Sintaksa

Opcije

Opis parametara oznake

Parametar ALIGN

Sintaksa

Argumenti

ALT opcija

Sintaksa

Parametar BORDER

Sintaksa

CHECKED parametar

Sintaksa

Parametar DISABLED

Sintaksa

MAXLENGTH parametar

Sintaksa

NAME parametar

Sintaksa

Parametar SAMO ČITANJE

Sintaksa

Parametar SIZE

Sintaksa

SRC parametar

Sintaksa

TYPE parametar

Sintaksa

Argumenti

VALUE parametar

Polje za pretragu

Polje za unos lozinke

Top Related Articles