Prihlásiť stránky sú bežnou súčasťou webu . V tomto kurze sa naučíte , ako vytvoriť HTML tagy potrebné k vytvoreniu vstupného poľa užívateľské meno , vstupné pole , heslo a tlačidlo Odoslať . Budem sa tiež ukázať , ako organizovať formulár HTML umiestnením do tabuľky , ktorá je dva stĺpce široký tri riadky vysoká . Veci , ktoré budete potrebovať klipart textového editora , ako je Source Edit
nahrávanie dokumentov softvér , ako FileZilla
Server priestoru , ktorý podporuje " server - side " aplikácie , ako sú log - in funkcií .
Zobraziť Ďalšie pokyny
schodov dokumentov
1
Vytvorte dokumenty HTML DocumentAll HTML bude mať , aby bol v súlade nasledujúce značky : • < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " > • < html xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " en " lang = " en " > • Na začiatku tagu
•
< /title > značky & # x2022 ; < /head > koncová značka • <body> začína značka a < /body > koncová značka • a konečne , < /html > Koniec tag.Make Uistite sa , že zadáte nasledujúce medzi začiatkom <title> značku a končí < /title > tag : • prihlásením PageSave súbor ako login.html a nahrať na webový server . Mali by ste vidieť prázdna biela stránka a pozdĺž hornej modrej okraja prehliadača by mal čítať : " Môj prihlasovacie stránka " . EXPLANATIONThe doctype prehlasuje , že používate XHTML , nový štandard na World Wide Web , podľa vyhlásenia W3Schools , autori HTML.The <html lang='sk'> tag má niekoľko atribútov vnútri tagu, z ktorých prvá je xmlns , čo je skratka pre rozsiahle Markup Language názov priestoru , ktorou sa ustanovujú pravidlá pre štruktúrovanie ktoré vás following.The <head> < /head > značky obsahujú všetky informácie o dokumente , v tomto prípade , <title> < /title > , ktoré sa zobrazí na hornom modrým pruhom v hornej časti vášho internetu browser.The <body> obsahuje všetky informácie na stránke , že koniec - užívateľ see.Finally , < /html > koncová značka dokončí HTML stránky . <br> 2 <p> formulár TagsNow , že ste vytvorili dokument HTML , budete musieť vytvoriť prihlasovací formulár itself.Type nasledujúci po začiatku <body> značku a pred končiace < /body > tag : <form action="#"> < /form > EXPLANATIONThe tag formulára prehlasuje do prehliadača že značky medzi začiatkom <form> značku a končiace < /form > tag budú zbierať nejaký vstup užívateľa , či už je to zaškrtávacie políčko alebo textové pole , alebo tlačidlo , alebo nejaký iný druh interaktívneho položky . <br> 3 <p> Vyplňte FormType nasledujúci po začiatku <FORM action="#"> tag a pred ukončením < /form > značky : <b> meno : < /b > input type = " text " name = " username " size = " 40 " /> <br /> <b> Heslo : < /b > < input type = " text " name = " heslo " size = " 40 " /> <br /> <input type="submit" value="Login" name="Submit" /> Uložte súbor a nahrať ho do svojho webu servera . Pri zobrazení stránky , mali by ste vidieť prihlasovací formulár , ako je uvedené v picture.EXPLANATIONThe <b> < /b > značky sa nazývajú tučne tagy . Ak majú zmeniť typ štýl textu medzi nimi bold.The <input name="username" size="40" /> tag vytvorí textové pole ( označený typom atribútu = " text " ) , že je 40 znakov ( indikované veľkosti = " 40 " atribútu ) a nazýva sa " meno " (označené názvom = " meno " atribútu ) . Meno je dôležité pri spracovaní obsahu formulára , ktoré nie sú uvedené v tejto tutorial.The <br /> tag vytvára zalomenie riadku , rovnako ako keby ste zadali " Return " alebo " Enter " v text document.The druhý vstup tag s názvom " heslo " , vyzerá rovnako ako do poľa " meno " , s tou výnimkou , že má inú hodnotu pre " meno " attribute.The konečný tag < input type = " submit " hodnota = " Vstup " name = " submit " /> , vytvorí vstupné tlačidlo , ktoré užívateľ klikne na odoslanie dát do softvéru forma spracovania . " typ vstupu " atribút vytvorí tlačidlo , " hodnota " atribút píše text na tlačidle , a " name " atribút označuje tlačidlo pre softvér forma spracovania . <br> 4 <p> Vytvorte TableType na začiatok tag <table> po < formulára akcia = " # " > začína tag . Hit " enter " , takže je na samostatnom riadku . Hit " znova Enter " a zadajte <tr> začínajúce na začiatok tag <td> tag.Type pred < b > Užívateľské meno : . < /b > sekvencie Zadajte < /td > koncovú značku po < /b > koncovú značku , ktorá nasleduje meno : . Nová rada bude vyzerať takto : <td> <b> užívateľské meno : < /b > < /td > Zadajte <td> začínajúcich značku v prednej časti <input name="username" size="40" /> tag , a < . ;/td > tag na konci Odstrániť <br /> tag.The nový riadok bude vyzerať takto : <td> < input type = " text " name = " meno " size = " 40 " /> < /td > stlačte klávesu Enter a zadajte < /tr > Koniec tag.Type začiatku <tr> značku a narazil enter.Surround na ďalší riadok , ako ste urobili predtým , než sa páry <td> < /td > tagy , ako je uvedené nižšie , uistite sa , že odstrániť <br /> tag : <tr> <td> <b> heslo : < /b > < /td > <td> ; <input name="password" size="40" /> < /td > < /tr > stlačte klávesu Enter a zadajte nový <tr> začínajúcich značku zadajte nasledujúce . začínajúcich <td> tag s týmto atribútom pred <input type="submit" value="Login" name="Submit" /> tag : <td colspan="2"> Sem < /td > koncová značka po <input type="submit" value="Login" name="Submit" /> tag . stlačte Enter a zadajte < /tr > koncový tag . Hit vstúpiť znova a zadajte < /table > tag , ako ukazujú tabuľky diagram.EXPLANATIONAn HTML je veľmi jednoduchý spôsob , ako štruktúrovať formulár . Ak chcete vytvoriť tabuľku , najprv sa musíte <table> < /table > tagy . Vnútri <table> < /table > značky sú <tr> < /tr > alebo riadku tabuľky značiek , ktoré vytvárajú riadky tabuľky , a <td> < /td > tabuľka dátových značiek , ktoré vytvárajú jednotlivé bunky tabuľka . Stĺpce tabuľky sú určené podľa počtu <td> < /td > značky , ktoré sú medzi jednotlivými <tr> < /tr > tagu. Každý riadok vyžaduje aspoň jeden súbor <td> < /td > tags.In posledný <td> začína tag kladieme atribút v tagu, ktorý dáva štítok špeciálne inštrukcie . v tomto prípade , colspan atribút uvádza , že bunky , vytvorené <td> ; .. < /td > tag je obsadiť 2 stĺpce , pretože sme to vo výške 2 nastavenia <br> 5 <p> uložiť a nahrať súbor by ste si všimli mierne zmeny v tom , že do textových polí by byť dokonale zladené spolu navzájom , ako je znázornené na obrázku . <br>
<div class="wodejimotaobuguo">
<div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div>
<div class="oukbwqe122s"></div>
</div>
<ul class="yongbaonidasda">
<li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/401148.html' >Ako zmeniť fieldset Color </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/401150.html' >Ako opraviť Chyba syntaxe </a></li>
</ul>
</div>
<div class="fa324wds"></div>
<div class="xiangguandwdsawqe2">
<h4>Odporúčané články</h4>
<div class="shenmedoubuxiangyaodsa">
<ul class="xinlimianshuosd1">
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400732.html" target="_blank">Nástroje príkazového riadku Registre </a></li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400537.html" target="_blank">Silverlight hre Tutorial </a></li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400038.html" target="_blank">Ako zmeniť aplikácie Názov v jazyku VBA </a></li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400310.html" target="_blank">Ako používať itoa CCS </a></li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399358.html" target="_blank">Ako riešiť matríc pomocou QBasic </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399874.html" target="_blank">Ako zvýšiť LINQ to SQL Timeout </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400026.html" target="_blank">Ako vložiť kontaktný formulár v HTML stránku </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400292.html" target="_blank">Ako rozvíjať a aplikácie Bluetooth </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400419.html" target="_blank">Ako odinštalovať hostiteľa Intrusion Prevention </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399399.html" target="_blank">Ako používať Connection String premenné v SSIS </a> </li>
</ul>
</div>
</div>
</div>
<div class="shangkuaikiada2">
<div class="tahuiyuuedaogenhananr">
<div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div>
<ul>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398946.html" target="_blank" class="ewq32ada131">Ako používať Snippet Editor </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398946.html" target="_blank">Microsoft Visual Studio má správca úryvok kódu , ale nemá nástroj , ktorý vám umožní aktualizovať kódu , ktorý umiestnite . Môžete si však stiahnuť zadarmo Code Snippet editor a začať zvýšiť svoju produktivitu programovania . Úryvky Editor používa drag - and - drop rozhranie , ktoré vám umožní ľahko presunúť a usporiadať kúsky . Je to tiež pridáva syntaxe sfarbenie na úryvok kódu , ktorý si upraviť v okne kódu. Ak je vaša zbierka úryvok je veľký , vyhľadávacie funkcie úryvku redakcia vám pomôže </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/401106.html" target="_blank" class="ewq32ada131">Sprievodca úplný začiatočník v programovaní </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/401106.html" target="_blank">programovanie je písanie pokyny prostredníctvom počítačového jazyka , ktorý rozpráva výpočtové zariadenia , čo má robiť . Strojový kód je najnižšia forma kódovania môžete urobiť . To je napísané v binárnom formáte - s použitím radu 0 je a 1 je - . 01101101 ako Najnižšia formou kódu , neznamená to , že je to najjednoduchšie . Vyššej formy kódu , ako sú C , C + + a Java sú vytvorené , aby bolo ľahšie sa učiť a používať ako strojového kódu . Vyberte si správny jazyk Internet jazyky sú HTML </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398686.html" target="_blank" class="ewq32ada131">Oz Programovanie Pomocník </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398686.html" target="_blank">Oz je multiparadigm programovací jazyk , ktorý vám pomôže naučiť programovacie zručnosti . To je základom programového systému Mozart . Môžete nájsť pomoc s použitím Oz na webových stránkach Mozart , ktorý obsahuje základné informácie , dokumentáciu a tutoriály môžete tiež zaslať otázky na jednej z konferencií Mozart . Charakteristika Oz bol vyvinutý na Université Catholique de Louvain v Belgicku . To bol navrhnutý tak , aby oboznámiť študentov počítačové programovanie . Oz podporuje viac ako </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399486.html" target="_blank" class="ewq32ada131">Ako používať PHP výňatkov v Asp.net </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399486.html" target="_blank">Mnoho softvérových inžinierov môže myslieť , že PHP a ASP.NET programovacích jazykov nemôžu byť spustené súčasne alebo v spojení s navzájom , pretože sú konkurenčné programovacie jazyky , ktoré sa snažia riešiť rovnaké potreby a riešenia . Na rozdiel od všeobecného presvedčenia , že je možné spustiť PHP skripty v aplikáciách naprogramovaných pomocou technológie ASP.NET . Veci , ktoré budete potrebovať klipart PHP a ASP povolený servera Zobraziť ďalšie inštrukcie Cestuj 1 Otvorte dokument , ASP</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400663.html" target="_blank" class="ewq32ada131">My Windows Mobile neotvorí ASHX súbory </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400663.html" target="_blank">ASHX súbory sú webové súbory , ktoré sú predovšetkým spojené s ASP.NET Web popisovač súboru , v súlade s FileInfo.com , on - line databázy prípon súborov . Webové stránky ASHX sú spracovávané HTTP Handler ASP.NET a väčšina z nich uložiť malé množstvo data.If váš počítač nie je schopný otvoriť ASHX súbory , mohlo by to byť spôsobené nebudete mať vhodný program pre ich otvorenie , ako je napríklad Microsoft visual Web Developer , Microsoft Visual Studio 2010 a riadne pracuje webový prehliadač , me</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398785.html" target="_blank" class="ewq32ada131">Môžete mať VS Farby pre SQL ? </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398785.html" target="_blank">Visual Studio môžete vytvoriť Microsoft NET vývojárom zvýšiť produktivitu tým , že im umožní písať programy v plnohodnotnej úpravy prostredia .. Kód VS editor , napríklad farebné kódy rôzne slová , aby bolo ľahšie rýchlo identifikovať špecifické fragmenty kódu . Môžete tiež písať príkazy , ktoré komunikujú s SQL a zobrazenie farieb , ktoré vám pomôžu pracovať s týmito príkazmi efektívnejšie . Transact - SQL Editor Aj keď môžete používať programy , ako je napríklad SQL Management Studio pre spr</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400228.html" target="_blank" class="ewq32ada131">Väčšina bežných počítačových Jazyky </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400228.html" target="_blank">popularita a využitie počítačových programovacích jazykov v priebehu času menia , ale existuje niekoľko , ktoré zostali široko používané pre rad rokov . Programovacie jazyky sa používajú v mnohých rôznych kontextoch , vrátane webových a desktopových aplikácií . Veľa programátorov sú zdatní vo viac ako jednom jazyku , a dostupné jazyky sú vhodné pre rôzne typy úloh . Rovnako ako prirodzených jazykoch , programovacích jazykov líšia, pokiaľ ide o syntax , ako aj slovnú zásobu . Java Java zostal n</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399485.html" target="_blank" class="ewq32ada131">Ako odobrať špeciálne znaky v ColdFusion </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399485.html" target="_blank">ColdFusion je vývoj aplikácií platformy na trh spoločnosť Adobe Systems . Tento programovací jazyk bol vyvinutý Jeremy a JJ Allaire v roku 1995 a bol následne získal Adobe Systems . V programovaní počítača , špeciálne znaky , typicky sa odkazuje na znaky , ktoré nie sú alfanumerické --- písmená a čísla . Môžete použiť funkciu reťazec REReplace odstrániť špeciálne znaky z vložený do SQL databázy . Toto môže byť dosiahnuté úpravou súboru ColdFusion s Windows Poznámkový blok . Pokyny dovolená 1 </a></p>
</li>
</ul>
</div>
<div class="fjsdkfuio2">
<div class="ioufahkwq2311"><h4>Počítač Programovacie jazyky</h4></div>
<ul>
<li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400925.html" target="_blank">Ako umiestniť text cez obraz súboru vo formáte HTML </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407728.html" target="_blank">Ako odobrať primárny kľúč pomocou jazyka Visual Basic Access </a></li><li><a href="http://www.pocitac.win/Programovanie/C--C-----Programming/397804.html" target="_blank">Ako otvoriť súbor v C + + pre čítanie </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407866.html" target="_blank">Ako písať na DOS okna z VBS skript </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408889.html" target="_blank">Ako používať ovládací prvok TabStrip v jazyku Visual Basic </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/401421.html" target="_blank">Zoznam tagov JSP </a></li><li><a href="http://www.pocitac.win/Programovanie/C--C-----Programming/397812.html" target="_blank">Ako ignorovať medzery pri použití dĺžka C + + </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/403955.html" target="_blank">Ako Cache PHP výsledky </a></li>
</ul>
</div>
<div class="d342sdfw42"></div>
<div class="huiyishazsad">
</div>
</div>
</div>
</div>
<div class="dibudasdwqe213">
<div class="daspoiepwqieq12">
<div class="dsarew2342a">
<ul>
<h3>Programovanie</h3>
<li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li>
</ul>
</div>
</div>
<div class=clink><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p>
</div>
</body>
</html>