Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako rozbaliť formulár v Java Script

Mnohé z dnešných formulárov webových stránok používať JavaScript dynamicky rozšíriť alebo zmluvy , aby lepšie vyhovovali potrebám osoby pomocou formulára . Napríklad formulár pre užívateľa na zadanie informácií o svojich domácich maznáčikov by sa rozšíriť len v prípade , že používateľ je uvedené ( cez prepínač , napríklad) , ktorá mala zvieratá . Výhodou použitia JavaScript , aby ste mohli rozšíriť formu je pomerne vysoká istota , že skript bude fungovať . Toto uistenie je výsledkom širokého využitia JavaScript je v prehliadačoch , na rozdiel od ostatných jazykov , ako je VB Script alebo Java . Návod dovolená 1

Vložte alebo zadajte nasledujúce webové stránky formuláre do nového dokumentu v každom textovom editore .



" formulár rozšíriť príklad " < /title > <br> <p> < /head > <br> <p> <body> <br> <p> že budete poskytovať viditeľný <br> <p> <form id="myform" style="display:none" action=""> <br> <p> Meno : input type = " text " name = " fname " > <br> <p> <P> <br> <p> Priezvisko : input type = " text " name = " lname " > <br> <p> < /form > <br> <p> < /div > <br> <p> <div> <br> <p> < input name = " formButton " type = " tlačidlo " onclick = " ShowHideForm ( ) ; " value = " Roztiahnuť /Skryť formulár " > <br> <p> < /div > <br> <p> < /body > <br> <p> < /html > <br> <p> Táto webová stránka sa zobrazí jednoduchý formulár , ktorý kód v nasledujúcich krokoch bude chcete rozbaliť alebo zbaliť , keď užívateľ stlačí tlačidlo na stránke . " <input> " Tag zobrazí v zozname vytvára toto tlačidlo , jedným z jeho atribútov je " onclick " udalosť špecifikátor . Tento špecifikátor body v kóde jazyka JavaScript , ktorý sa zbaliť alebo rozbaliť formulár . <br> 2 <p> vložte nasledujúci program JavaScript , po " hlave " tag v dokumente . <br> <p> < Typ skriptu = " text /JavaScript " > <br> <p> funkcie ShowHideForm ( ) { <br> <p> var f = document.getElementById ( " MyForm " ) ; <br> <p> if ( f.style.display == " inline " ) { <br> <p> f.style.display = " none" ; <br> <p> } <br> <p> else { <br> <p> f.style.display = " inline " ; <br> <p> } <br> <p> } <br> <p> < /script > <br> <p> funkcie " ShowHideForm " začína tým , že sa odkaz na formulár , ktorý volanie funkcie " getElementById " poskytuje . " F.style.display " výraz používa tento odkaz , cez " F " premenné , prístup k webovým formulárom je " štýl " atribút . Atribúty HTML štýl obsahuje kaskádové štýly ( CSS ) kódy , ktoré môžu vývojári použiť k polohe a štylizovať obsah webových stránok . Vývojári používať CSS " Display " atribút , ako v kóde práve daný , nastaviť viditeľnosť prvku HTML . Hodnota " none" pre tento atribút určuje , že HTML element ( napr. formuláre ) bude neviditeľný . <br> 3 <p> Uložte dokument ako " Obyčajný text " , a so všetkými súboru , ktorý má " . htm " alebo " HTML " . rozšírenie , ktoré umožňuje zobrazenie v prehliadači . <br> 4 <p> Explorer Otvorte Windows a prejdite do zložky obsahujúce webovú stránku . Dvakrát kliknite na stránku otvoriť . <br> 5 <p> Kliknutím na tlačidlo striedavo rozťahujú a zmršťujú formulár . <br> 6 <p> nahradiť v textovom editore , kód medzi ďalej len " <script> " štítky s nasledujúcim kódom : . <br> <p> funkcie ShowHideForm ( ) { <br> <p> var v = document.getElementById ( " opt_in " ) kontroluje ; <br> <p> var f = document.getElementById ( " MyForm " ) ; <br> <p> - li ( v ) { <br> <p> f.style.display = " inline " ; <br> <p> } <br> <p> else { <br> <p> f.style.display = " none" ; <br> <p> } <br> <p> } <br> <p> Tento revidovaný skript sa bude rozširovať formulár , keď používateľ kontroluje zaškrtávacie políčko , ktoré budete vytvárať ďalšie <br> 7 <p> Vymeňte HTML kód medzi " <body> " značky s týmto novým kódom : . <br> <p> <div> <br> <p> <form id="myform" style="display:none" action=""> <br> <p> Meno : input type = " text " name = " fname " > ; <br> <p> <P> <br> <p> E - mailová adresa : input type = " text " name = " email " > <br> <p> < /form > <br> <p> < /div > <br> <p> že budete poskytovať viditeľný <br> <p> <P> Zaškrtnite toto políčko , ak chcete , aby sme Vám zašleme viac informácií o našom produkte . <br> <p> input type = " checkbox " id = " opt_in " onchange = " ShowHideForm ( ) ; " > <br> <p> < /div > <br> <p> Táto úprava umožňuje užívateľovi naznačujú , že by chceli získať viac informácií o hypotetické produkte . <br> 8 <p> Uložte zmenený dokument , a potom stlačte " F5 " v prehliadači , aktualizujte stránku . Kliknite na políčko rozbaliť alebo zbaliť formulár . <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/JavaScript-Programovanie/403480.html' >Ako povoliť ASP v službe IIS 6 </a></li> <li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403482.html' >Ako môžem povoliť JavaScript oveľa jednoduchšie ? </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/JavaScript-Programovanie/403505.html" target="_blank">Ako si vyrobiť Habbo Retro </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403250.html" target="_blank">Čo je nerovnosť v JavaScripte ? </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403127.html" target="_blank">Kombinácia JavaScript klávesových skratiek </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403449.html" target="_blank">Ako používať NetBeans , aby Debug MATLABu </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403325.html" target="_blank">Ako nahradiť Div kódy </a></li> </ul> <ul class="xinlimianshuosd2"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403614.html" target="_blank">Ako vytvoriť mapu tepla </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403191.html" target="_blank">Ako vytvoriť JavaScript Wrapper pre API </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403214.html" target="_blank">JavaScript funkcie ako argument funkcie </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403589.html" target="_blank">Ako Skrytie adresného riadku JavaScript </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403446.html" target="_blank">Prečo je skript Spomalenie na ikonu Tento počítač nadol ? </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/JavaScript-Programovanie/403559.html" target="_blank" class="ewq32ada131">Ako zmeniť CSS pozadí obrázok so zapnutým javascriptom </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403559.html" target="_blank">Javascript poskytuje dynamické kód na strane klienta upraviť svoje webové stránky rozvrhnutie . Môžete použiť Javascript zmeniť webové stránky grafiku , text , tabuľky a dokonca aj obrázok na pozadí . Kód sa používa na automatizáciu dynamické obrázky na pozadí , ktoré je často používaný na blogoch alebo on - line časopisov na podporu affiliate produkty . Zmena je neviditeľný pre webové stránky čitateľa , a obraz sa zobrazí vždy , keď používateľ otvorí stránku . Pokyny dovolená 1 Otvorte svoj ​​</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403315.html" target="_blank" class="ewq32ada131">Ako povoliť & Zakázať posuvníky so zapnutým javascriptom </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403315.html" target="_blank">posuvníky na webové stránky vám umožní uložiť obrazovky nehnuteľností tým , že vaši čitatelia prejdite do alebo podobný prvok . Niekedy sú však tieto posuvníky môžu byť nevzhľadné skôr než užitočné . Ak chcete dať svojim čitateľom na výber , pridať tlačidlo , ktoré prepína medzi aktiváciou a deaktiváciou posuvníky s jedným kliknutím . Pokyny dovolená 1 Otvorte webovú stránku v editore HTML alebo textovom editore , ako je Poznámkový blok ( Microsoft Windows ) , TextEdit ( Apple OSX ) alebo pico</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403099.html" target="_blank" class="ewq32ada131">Ako previesť Pravidelné uzol k uzlu jQuery </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403099.html" target="_blank">JQuery je rámec , JavaScript , ktorý uľahčuje priechod dokumentu v HTML stránkach . HTML stránky nájsť svoju štruktúru v Document Object Model , v ktorej sú všetky HTML tagy a prvky uzol v dokumente , ktorý obsahuje ďalšie uzly a obsahu . Pomocou JQuery , môžete pristupovať uzly v DOM . Avšak , je používať s ostatnými funkciami jQuery , môžete získať uzol DOM prostredníctvom pravidelných JavaScript , a previesť na uzol na JQuery - konkrétny uzol . Veci , ktoré budete potrebovať klipart webového </a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403387.html" target="_blank" class="ewq32ada131">Ako odovzdať premennú JavaScriptu </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403387.html" target="_blank">V každom programovacom jazyku , schopnosť aplikovať funkcia premenných je kľúčovou zložkou . JavaScript nie je výnimkou . V skutočnosti , JavaScript uľahčuje odovzdať premenné do príslušných funkcií od vnútri súboru HTML . Ak nemáte veľa vývoj webových aplikácií , môže to byť užitočné , pretože môžete volať rovnakú funkciu viackrát s rôznymi parametrami v rovnakom dokumente . Veci , ktoré budete potrebovať klipart textový editor Zobraziť ďalšie inštrukcie Cestuj 1 Napíšte funkciu , ktorá bude </a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403547.html" target="_blank" class="ewq32ada131">Ako nastaviť veľkosť na obrázok v HTML </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403547.html" target="_blank">Obrázky sú len obyčajný spôsob , ktorý môžete zvýšiť svoje webové stránky . Ak máte veľký alebo príliš veľký obrázok , môžete nastaviť jeho veľkosť priamo cez HTML kód pre webové stránky . Po pridaní obrázka na svoje webové stránky , môžete použiť width a height tagy konfigurovať veľkosť obrazu . Pokyny dovolená 1 Otvorte súbor HTML vašich webových stránok pomocou textového editora , ako je napríklad Poznámkový blok alebo WordPad . 2 Vyhľadajte značku obrázku do súboru HTML . Napríklad , HTML</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403483.html" target="_blank" class="ewq32ada131">Ako môžem použiť iBox </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403483.html" target="_blank">? IBox je JavaScript vytvorený Enthropia , ktorý umožňuje prekrytie oboch obrázkov a dokumentov bez nutnosti stránku znova načítať . Súbory iBox sú k dispozícii na stiahnutie cez webové stránky Enthropia ( pozri zdroje ) . Spolu so súbormi , ktoré pracujú s HTML a JavaScript , čo je iBox plug - in pre WordPress je tiež k dispozícii . Obrázok prekrývanie vo webovom dokumente automaticky zmeniť veľkosť v okne prehliadača pri použití iBox . To umožňuje jednoduchý spôsob , ako webové stránky s profe</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403436.html" target="_blank" class="ewq32ada131">Ako nastaviť stránku Vytlačiť Limit v JavaScripte </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403436.html" target="_blank">Pri navrhovaní webovú stránku , ktorá používa JavaScript , môžete použiť funkciu pre obmedzenie šírky stránky a výšky , že strana bude tlačiť na počítači užívateľa . Táto užitočná funkcia , ak ste navrhovaní webových stránok , ktoré ste buď chcete, aby sa zabránilo pred tlačenej alebo presne určiť , aká veľká časť webovej stránky človek môže vytlačiť . Návod dovolená 1 Otvorte Poznámkový blok alebo HTML alebo textový editor z ponuky Štart systému Windows . 2 Kliknite na Súbor , Otvoriť , </a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403500.html" target="_blank" class="ewq32ada131">Ako nastaviť cookie Keď Zmena jazyka na webové stránky </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403500.html" target="_blank">Javascript vám poskytuje rýchly spôsob , ako nastaviť súbor cookie , keď používateľ vyberie jazyk na vašich stránkach . To znamená , že môžete rozpoznať vybraný jazyk používateľského nabudúce návštevník dostane na vaše webové stránky . Nastavenie jazyka Nastavenie sa nazýva lokalizácia , a to zlepšuje globálne použiteľnosť pre vaše webové stránky čitateľa . Javascript podporuje akejkoľvek webovej stránky , jazyka , vrátane PHP , HTML , VB.NET alebo C # . To uľahčuje každý vývojár implementovať j</a></p> </li> </ul> </div> <div class="fjsdkfuio2"> <div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div> <ul> <li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/406106.html" target="_blank">Python OS Procesy </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/403739.html" target="_blank">Ako opraviť Unlink oprávnenie v PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/405940.html" target="_blank">Ako otvoriť binárny súbor v jazyku Python </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407111.html" target="_blank">Ako používať funkcie SUM v VB.net </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400753.html" target="_blank">Ako písať Oracle SQL kód , ktorý bude Vytvorte zamestnancov tabuľka </a></li><li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/406329.html" target="_blank">Ako odstrániť parametre na Python String </a></li><li><a href="http://www.pocitac.win/Programovanie/C--C-----Programming/397672.html" target="_blank">Kakao dotykové Vs . Cieľ C </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/402892.html" target="_blank">Ako vytvoriť Java Applet v Netbeans </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>