Kaip Sukurti Formos Laukus

Turinys:

Kaip Sukurti Formos Laukus
Kaip Sukurti Formos Laukus

Video: Kaip Sukurti Formos Laukus

Video: Kaip Sukurti Formos Laukus
Video: Kaip pasiekti Finansinės laisvės? Finansinė nepriklausomybė - paprasta formulė 2024, Gegužė
Anonim

Duomenų, kuriuos lankytojai siunčia į serverį, užpildę interneto formas, apdorojimas atliekamas specialia programa (scenarijumi). Todėl prasminga pridėti laukus prie formos, paskelbtos tinklalapyje, tik tuo atveju, jei scenarijuje yra užprogramuotos darbo su šiais laukais funkcijos. Jei ši sąlyga yra įvykdyta, belieka atlikti gana paprastą darbo dalį, pridedant žymas prie puslapio šaltinio kodo, kuris sudaro būtinus laukus.

Kaip sukurti formos laukus
Kaip sukurti formos laukus

Tai būtina

Pagrindinės žinios apie HTML

Nurodymai

1 žingsnis

Reikiamų žymų formavimo operaciją gali perimti puslapio redaktorius, jei turite galimybę joje naudoti vizualinio redagavimo režimą. Toks redaktorius gali būti neatsiejama turinio valdymo sistemos dalis - įveskite jį ir įkelkite puslapį su forma, kurioje turėtų būti pridėti nauji laukai. Naudokite kopijavimo ir įklijavimo operacijas - pasirinkite ir nukopijuokite keletą esamų elementų (įvesties lauką ir su juo susietą tekstą), tada spustelėkite puslapį, kuriame turėtų būti papildomas laukas, ir įklijuokite nukopijuotą.

2 žingsnis

Po to redaguokite kiekvieno poros elemento ypatybes atskirai. Tiesiog pasirinkite pelės užrašą ir įveskite naują tekstą, o įvesties laukui naudokite mygtuką redaktoriaus skydelyje, kuris atveria jo ypatybes. Ypatybėse bent jau turite pakeisti pavadinimo lauko reikšmę - ji turi atitikti apdorojimo scenarijuje užprogramuotą lauko pavadinimą. Pakartokite reikiamo laukų rinkinio kopijavimą / įklijavimą ir išsaugokite puslapį.

3 žingsnis

Jei nėra galimybės redaguoti vizualiai, bet kuriame tekste ar specializuotame redaktoriuje atidarykite puslapio šaltinio kodą ir pridėkite jam reikalingas žymas. Šis metodas reikalauja tam tikrų žinių apie HTML ir tinklalapio išdėstymo būdus. Norėdami pridėti paprastą teksto lauką prie formos, naudokite įvesties žymą, pridėdami vertės tekstą prie tipo atributo. Be šio atributo būtinas tik vardas - jame turi būti šio formos lauko pavadinimas, žinomas tvarkytojo scenarijui. Naudodami kitus atributus, galite nustatyti simbolių skaičių, kuris vizualiai nustato įvesties lauko ilgį (dydžio atributas), maksimalų leistiną simbolių skaičių (maks. Ilgis), stiliaus parametrus (stilius), narystę klasėje (klasė) ir kt. Ši žyma gali būti matoma kode, pavyzdžiui:

4 žingsnis

Norėdami naudoti kelių eilučių teksto lauką, naudokite „textarea“žymą. Jis susideda iš dviejų dalių - atidarymo ir uždarymo. Pirmame turite nustatyti vardo vertę, o naudodami eilučių ir stulpelių atributus galite nustatyti šio formos elemento eilučių ir stulpelių skaičių. Pavyzdžiui:

5 žingsnis

Kiti formos laukų tipai gali būti žymimieji laukeliai - norint juos suformuoti, taip pat naudokite įvesties žymą, tačiau, skirtingai nei vienos eilutės teksto lauke, tipo atribute nurodykite žymimąjį laukelį. Jei šį formos elementą reikia patikrinti, pridėkite pažymėtą atributą prie jo žymos. Pavyzdžiui:

6 žingsnis

Norėdami įterpti pažymėtą laukelį į formą ir įkelti failą, naudokite tą pačią įvesties žymą su failo verte atribute type. Pavyzdžiui:

7 žingsnis

Sudėtingesnė konstrukcija sudaro lauką su išskleidžiamuoju sąrašu. Jame turi būti pora atidaromų ir uždaromų žymių. Tarp jų padėkite parinkčių žymų poras, kiekviena nurodydama vieną pasirinkimo eilutę. Atidarymo žymose turi būti vertės atributas (jo vertė bus perduodama serveriui), o tarp atidarymo ir uždarymo dalių šioje sąrašo eilutėje įdėkite tekstą, kurį lankytojas pamatys. Pavyzdžiui: Pirmoji pasirinkimo eilutė Antroji pasirinkimo eilutė Trečioji pasirinkimo eilutė

Rekomenduojamas: