HTML , även känd som Hyper Text Markup Language , är en uppsättning taggar som samverkar för att skapa webbsidor . Blanketter är en viss uppsättning taggar som är konstruerade för att hantera indata från användaren. Det stora utbudet av olika HTML-formulär varierar från inmatningsfält för kommentarer eller e-post till sökmotorn lådor . Internet är starkt beroende av HTML- formulär för att hantera dubbelriktad kommunikation mellan användare och webbplatser som de besöker

Konfigurera . HTML-kod

1 .
Öppna upp textredigerare val till en ny fil och spara den som " FormDemo. html . "
2 .
på den första raden ange följande kod .

en enkel form Demonstration

3 .
Enter "

" på nästa rad .

textelement

1 .
Ange sifferkoden nedan på en ny rad efter " " linje .

Grundläggande information

bilmärke :


Bil Modell :
2
. Ge en inmatningsfältet thats spänner över flera rader genom att skriva in koden nedan .

Ange en kort beskrivning

<br> 3 . <br> Skapa ett lösenord Boxtyp in genom att ange koden under på nästa nya rad . <br/> <br/> <br/> <br/> VIN : <input type="password" name="VIN" /> <br> <h4> Button och Box Elements </h4> <br > 1 . <br> Ange rubriken för detta avsnitt på nästa nya raden i formuläret med hjälp av koden nedan . <br/> <br/> <br/> <br/> <h3> Detaljerad information </h3 > <br> 2 . <br> Skapa en alternativknapp genom att skriva in koden på nästa nya rad . <br/> <br/> <br/> <br/> <input type="radio" name="ownership" value="male" /> Begagnade <br /> <br/> <br /> <input type="radio" name="ownership" value="female" /> Ny <br> 3 . <br> Skriv in följande kod på en ny linje för att skapa en serie av kryssrutan element . <br/> <br/> <br/> <br/> <input type="checkbox" name="vehicle" value="Car" /> Bil <br /> <br/> <br /> <input type="checkbox" name="vehicle" value="Truck" /> Truck <br /> <br/> <br/> <input type=" checkbox " name=" fordon " värde=" SUV "/> SUV <br /> <br/> <br/> <input type="checkbox" name="vehicle" value="Van" /> Van <br /> <br /> <br/> <input type="checkbox" name="vehicle" value="Other" /> Andra <br /> <br> Skapa <h4> en listruta </h4> <br > 1 . <br> Skapa en etikett för listrutan genom att skriva in koden nedan . Återigen bör detta tas upp på nästa nya rad . <br/> <br/> <br/> <br/> <h3> Välj ett år från listan nedan </h3 > <br> 2 . <br> Ange Drop , down-listan kod . <br/> <br/> <br/> <br/> <select name="Year"> <br/> <br/> <option value="1980"> 1980 </option> <br/> <br/> <option value="1981"> 1981 </option> <br/> <br/> <option value="1982"> 1982 </option > <br/> <br/> <option value="1983"> 1983 </option> <br/> <br/> <option value="1984"> 1984 </option> ; <br/> <br/> <option value="1985"> 1985 </option> <br/> <br/> <option value="1986"> 1986 </option > <br /> <br/> <option value="1987"> 1987 </option> <br/> <br/> <option value="1988"> 1988 </option > <br /> <br/> <option value="1989"> 1989 </option> <br/> <br/> <option value="1990"> 1990 </option> <br/> <br /> <option value="1991"> 1991 </option> <br/> <br/> </select > <br/> <br/> <br/> <br> <br > 3 . <br> Fortsätt att lägga till " <inställning> " taggar tills sortimentet i år är tillräcklig för formuläret . <br> <h4> Skicka Konfigurationer och Test </h4> <br> 1 . <br> <br > Skapa en "Submit" för att formuläret ska skickas genom att skriva in koden nedan på nästa nya linjen <br/> <br/> <br/> <br/> <input type=" submit " värde=" Skicka "/> <br> 2 . <br> Ändra raden som lyder " <form> "så att den ändras till följande . <br/> <br/> <br /> <br/> <form name="input" action="form_action. php" method="get"> <br> 3 . <br> Skriv följande kod på de sista raderna i filen . <br/> <br/> <br/> <br/> </form> <br/> <br/> </body> <br/> <br/> </html> <br> 4 . <br> Hitta "Spara " funktionen i texteditorn programmet och spara " FormDemo. html " . <br > <br> 5 . <br> Öppna " FormDemo. html " i en webbläsare såsom Internet Explorer eller Firefox . Ange informationen i formuläret och tryck på "Skicka ". <br> 6 . <br> Kopiera och klistra in webbadressen från adressfältet i webbläsaren i en ny tom fil . Leta efter delar av webbadressen som läser liknar " php ? göra=Ford modell=Focus . . . " <br> <h4> tips och varningar </h4> <br> <li> redigera bara texten mellan HTML-taggarna för att skapa egna former . </li> <li> ett HTML-formulär kan användas tillsammans med kod som kan bearbeta de synpunkter som har angetts i formuläret. Exempelvis " form_action. php " är en PHP- fil som kan skapas för att bearbeta data som skickas via " GET " -metoden . </li > <li> Var noga med att bifoga varje tagg par riktigt sätt, varje starttagg måste paras ihop med en sluttagg Det enda undantaget är " <br/> " tag en "trasig " tag paret kan göra att HTML-formulär . göra fel i webbläsaren . </li > <li> "GET " -metoden är osäker mycket och rekommenderas inte för formulär som hanterar känslig information , t. ex. lösenord eller kontonummer . All information som anges i formuläret skickas via URL-adressen och är synlig för användaren . "Post " -metoden bör användas i situationer där säkerheten är en prioritet . </li > </p></div></UL><br> <table> <tr> <td><script type="text/javascript" src="/boot.js"> </script></td> <td><script type="text/javascript" src="/boot.js"> </script></td> </tr> </table> <p> Previous：nothing Next：<a href='/1/2012/10/Hur-skapar-jag-stat-diagram-.html'>Hur skapar jag stat diagram ?</a> </p><br><br> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button END --> <br><br> <h1>Relaterade artiklar</h1><br> <li><a href="/1/2012/10/programmerbara-spel-for-en-TI-86.html">programmerbara spel för en TI 86</a></li> <li><a href="/1/2011/11/hur-man-programmerar-mobiltelefoner-med-Java-programmering.html">hur man programmerar mobiltelefoner med Java-programmering</a></li> <li><a href="/1/2011/09/hur-man-far-systemet-datum-fran-python.html">hur man får systemet datum från python</a></li> <li><a href="/1/2012/10/Vad-Ur-Adobe-Flex-3-.html">Vad är Adobe Flex 3 ?</a></li> <li><a href="/1/2012/02/hur-man-initiera-pekare.html">hur man initiera pekare</a></li> <li><a href="/1/2012/10/hur-man-lUr-sig-PLC-programmering.html">hur man lär sig PLC-programmering</a></li> <li><a href="/1/2012/09/hur-du-lUgger-till-Windows-mediespelare-kontroll-i-VB6.html">hur du lägger till Windows mediespelare kontroll i VB6</a></li> <li><a href="/1/2012/01/hur-man-byter-en-form-action-i-JavaScript.html">hur man byter en form action i JavaScript</a></li> <li><a href="/1/2012/09/hur-du-ansluter-till-en-databas-med-hjUlp-av-ColdFusion-Microsoft-Access.html">hur du ansluter till en databas med hjälp av ColdFusion & Microsoft Access</a></li> <li><a href="/1/2012/02/hur-man-lUr-sig-objektorienterad-design-f.html">hur man lär sig objektorienterad design för en gammal strukturerad programmerare</a></li> </DIV></DIV> <DIV class=mod id=more-news> <DIV class=bd> </DIV></DIV> </DIV></DIV> <DIV class=yui-b id=sidebar> <DIV class="mod ult-section mod-first" id=yn-most-popular> <DIV class="bd pagination" style="border:none;"> <UL class=tabs> <a href="https://www.spincasino.se/?s=bfp19636&mid=102761"><img src="https://www.buffalopartners.com/Media/Download?mediaItemId=102761" alt=""/></a> <H3>senaste artikel</H3> </UL><DIV class=pagination-bd> <DIV id=pagination-bd-most-popular__1755_5> <UL class="list list4 size2" style="line-height:150%;"> <LI class="ult-position first"><A class=showtt href="/1/2012/10/html-form-tutorial.html">html form tutorial</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/Hur-skapar-jag-stat-diagram-.html">Hur skapar jag stat diagram ?</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/hur-du-kopierar-en-fil-fran-en-URL-med-PHP.html">hur du kopierar en fil från en URL med PHP</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/Hur-lUser-jag-en-textrad-for-manga-variabler-i-Visual-Basic-.html">Hur läser jag en textrad för många variabler i Visual Basic ?</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/Hur-avgor-jag-en-flerdimensionell-storlek-array-kolumn-i-Visual-Basic-.html">Hur avgör jag en flerdimensionell storlek array kolumn i Visual Basic ?</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/Hur-lUser-jag-strom-java-.html">Hur läser jag ström java ?</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/hur-man-anvUnder-Visual-Basic-6-koer.html">hur man använder Visual Basic 6 köer</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/hur-man-programmerar-en-vertikal-rullningslist-med-en-textruta-i-Visual-Basic-60.html">hur man programmerar en vertikal rullningslist med en textruta i Visual Basic 6.0</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/Hur-man-laddar-ner-och-lUra-sig-java-pa-BlueJ-miljon.html">Hur man laddar ner och lära sig java på BlueJ miljön</A> </LI> <LI class="ult-position first"><A class=showtt href="/1/2012/10/hur-man-kompilerar-Visual-Basic-60.html">hur man kompilerar Visual Basic 6.0</A> </LI> </UL></DIV></DIV></DIV></DIV> <script type="text/javascript" src="/gg160_90.js"> </script> <DIV class="mod ad ad_sidebar"> <DIV class=bd> <TABLE class=ad_slug_table cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD align=middle></TD></TR></TBODY></TABLE></DIV></DIV> <DIV class="mod ult-section" id=yn-featured> <DIV id=pagination-bd-most-popular__1755_5> <H3>slumpmässiga artikeln</H3></DIV> <DIV class=bd> <UL class="list list4 size2" style="line-height:150%;"> <LI class="ult-position first"><a href="/1/2012/01/hur-man-Undrar-en-katalog-namn-fran-en-ph.html">hur man ändrar en katalog namn från en php</a></LI> <LI class="ult-position first"><a href="/1/2012/01/hur-man-gor-ett-spel-maffia-flash.html">hur man gör ett spel maffia flash</a></LI> <LI class="ult-position first"><a href="/1/2012/01/Visual-Basic-tutorial-for-nyborjare.html">Visual Basic tutorial för nybörjare</a></LI> <LI class="ult-position first"><a href="/1/2012/09/hur-man-skapar-en-oforUnderlig-objekt-i-Java.html">hur man skapar en oföränderlig objekt i Java</a></LI> <LI class="ult-position first"><a href="/1/2010/01/Corsair-minne-grunderna.html">Corsair minne grunderna</a></LI> <LI class="ult-position first"><a href="/1/2012/01/fordelarna-med-Java-15.html">fördelarna med Java 1.5</a></LI> <LI class="ult-position first"><a href="/1/2012/09/en-tutorial-for-att-skapa-en-relationsdatabas-att-ett-Java-program.html">en tutorial för att skapa en relationsdatabas att ett Java-program</a></LI> <LI class="ult-position first"><a href="/1/2011/09/hur-man-identifierar-hardvaran-pa-Toshiba-Tecra-S1.html">hur man identifierar hårdvaran på Toshiba Tecra S1</a></LI> <LI class="ult-position first"><a href="/1/2012/09/hur-man-skapar-en-mapp-med-Microsoft-biblioteket-Outlook-objektmodellen.html">hur man skapar en mapp med Microsoft biblioteket Outlook-objektmodellen</a></LI> <LI class="ult-position first"><a href="/1/2012/09/struktur-javascript.html">struktur javascript</a></LI> <LI class="ult-position first"><a href="/1/2012/01/hur-man-anvUnder-pekare-i-VB.html">hur man använder pekare i VB</a></LI> <LI class="ult-position first"><a href="/1/2011/10/hur-man-skapar-en-fil-i-java.html">hur man skapar en fil i java</a></LI> <LI class="ult-position first"><a href="/1/2011/11/hur-man-anvUnder-en-switch-fall-med-intervall-i-C-+-+.html">hur man använder en switch fall med intervall i C + +</a></LI> <LI class="ult-position first"><a href="/1/2011/10/avancerade-mysql-php-tutorial.html">avancerade mysql php tutorial</a></LI> <LI class="ult-position first"><a href="/1/2011/12/hur-du-fyller-upp-en-vb-kombinationsruta-med-data-fran-databastabell.html">hur du fyller upp en vb kombinationsruta med data från databastabell</a></LI> </UL></DIV></DIV> <DIV class="mod ult-section" id=yn-videos> <DIV class=hd> <a href="https://www.spincasino.se/?s=bfp19636&mid=102761"><img src="https://www.buffalopartners.com/Media/Download?mediaItemId=102761" alt=""/></a> <H3>Artikel toppen</H3> </DIV> <DIV class=bd> <UL> <LI class=ult-position> <DIV class=video><A href="/1/2010/01/GeForce-7600-GS-jUmfort-med-GeForce-6600-.html"><IMG height=100 src="/uploads/allimg/110901/1_110901204803_1.jpg" width=120></A><A href="/1/2010/01/GeForce-7600-GS-jUmfort-med-GeForce-6600-.html">GeForce 7600 GS jämfört med GeForce 6600 GT</A></DIV></LI> <LI class=ult-position> <DIV class=video><A href="/1/2010/01/hur-man-kopierar-musik-fran-en-dator-till.html"><IMG height=100 src="/uploads/allimg/110901/1_110901204630_1.jpg" width=120></A><A href="/1/2010/01/hur-man-kopierar-musik-fran-en-dator-till.html">hur man kopierar musik från en dator till ett PSP</A></DIV></LI> <LI class=ult-position> <DIV class=video><A href="/1/2010/01/Corsair-minne-grunderna.html"><IMG height=100 src="/uploads/allimg/110901/1_110901205833_1.jpg" width=120></A><A href="/1/2010/01/Corsair-minne-grunderna.html">Corsair minne grunderna</A></DIV></LI> <LI class=ult-position> <DIV class=video><A href="/1/2010/01/hur-man-byter-en-CPU-multiplikatorn-med-e.html"><IMG height=100 src="/uploads/allimg/110901/1_110901204437_1.jpg" width=120></A><A href="/1/2010/01/hur-man-byter-en-CPU-multiplikatorn-med-e.html">hur man byter en CPU multiplikatorn med en AMD-proc</A></DIV></LI> <LI class=ult-position> <DIV class=video><A href="/1/2010/01/diy-harddiskaterstUllning.html"><IMG height=100 src="/uploads/allimg/110901/1_110901212254_1.jpg" width=120></A><A href="/1/2010/01/diy-harddiskaterstUllning.html">diy hårddiskåterställning</A></DIV></LI> </UL></DIV></DIV> <script type="text/javascript" src="/end.js"> </script> </DIV> <DIV class="mod ad dynamic_ad" id=dynamic-ad__LREC2></DIV></DIV></DIV> <DIV id=ft> <DIV class="ult-section nav" id=yn_ft_nav> </DIV> </div> <DIV class="mod ad ad_footer"> <DIV class=bd> <DIV id=copyright>Copyright © 2011 All rights reserved. Besöksadress: Hålabäcks fritidsgård, Blomstergatan 2, 424 43 Kungsbacka . Email:info@yuangnauy.com </DIV></DIV></DIV> </BODY></HTML>