Een website inschrijfformulier kunt u - eigenaar van de website - met nuttige informatie voor de gebruiker , zoals wie is het bezoeken van uw site, en wat zijn voorkeuren en interesses zijn . Het kan ook een niveau van beveiliging om een website toe te voegen door u in staat om te kiezen wie toegang heeft tot uw site heeft . U kunt een inschrijfformulier met behulp van enkele eenvoudige JavaScript en HTML- opmaak creëren . Instructies
Het creëren van de Vorm van de JavaScript -instructies
1 Open Kladblok of een HTML-editor , en maak een eenvoudige HTML- pagina door te typen : < 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 " > kopen van 2 Voeg een titel aan uw inschrijfformulier : inschrijfformulier < /title > <br> <p> Typ 3 JavaScript instructies het inschrijfformulier 's : ? <script type="text/javascript" language="JavaScript"> //< [ CDATA [ < - start script herefunction checkform ( thisform ) { if ( thisform.name . value == null | | thisform.name.value == " " ) { alert (" Vul hier uw naam " ) ; thisform.name.focus ( ) ; thisform.name.select ( ) ; return false ; } var selected = false; for ( var i = 0 ; i //] ] > < /script > <br> 4 <p> Voeg lettertype en kleuren om uw formulier : < stijl type = " text /css " > /* < [ CDATA [ * /body { background-color : [add kleurcode ] ; } input.required { width : 300px ; font : [ add font attributen , grootte en type ] ; background-color : [ ,"voeg kleurcode ] ; rand: massief 2px # 000 ; } select.required { width : 300px ; font : [ add font attributen , grootte en type ] ; background-color : [add kleurcode ] ; border : solid 2px # 000 ; } td.required {font : [ add font attributen , grootte en type ] ; } input.optional { width : 300px ; font : [ add font attributen , grootte en type ] ; background-color : [add kleurcode ] ; rand: solid 2px # 999 ; } textarea.optional { width : 300px ; font : [ add font attributen , grootte en type ] ; background-color : [add kleurcode ] ; border : solid 2px # 666 ; } td.optional {font : [ add lettertype attributen , grootte en type ] ; } input.submit { background-color : [add kleurcode ] ; rand: massief 2px # 000 ; lettertype [ toevoegen lettergrootte attributen , grootte en type ] ; <br> 5 <p> Sluit de webbrowser instructies : } /* ] ] > * /< /style > < /head > <br> het creëren van de Form Fields <br> 6 <p> Typ in de titel en de instructies van de registratie formulier . Hierdoor wordt de tekst die aan de gebruikerskant van de vorm lijkt te zijn . <body> <h1> [ add inschrijvingsformulier titel hier ] < /h1 > <p> [ toevoegen formulier instructies hier ] < /p > <br> 7 <p> het e-mailadres toevoegen waar u het formulier te verzenden informatie : < form action = " mailto : [add emailadres hier] " method = "post " onsubmit = " return checkform ( deze ) " <br> 8 <p> Voeg de informatie velden die u wilt dat de gebruiker in te vullen . In dit voorbeeld worden de gebruikersnaam , e-mailadres en geslacht gevraagd. elke tabel bevat een informatie veld . je kunt de voorbeelden aan te passen door simpelweg het veranderen van het veld titels die in de vet -tags . ook kunt u een tabel wilt verwijderen , of voeg extra tabellen , afhankelijk van hoeveel velden informatie die u nodig heeft . <table> ; <td align="right" class="required"> <b> naam : < /b > < /td > <td> < ingang name = " naam " class = " vereiste " /> < /td > < /tr> <td align="right" class="required"> <b> Email Adres : < /b > < /td > <td> <input name="naam" class="required" /> < /td > < /tr> <td align="right" class="required"> , <b> Geslacht : < /b > < /td > <td class="required"> <input type="radio" name="gender"value="male" /> male < , input type = " radio " name = " geslacht " value = " vrouwelijke " /> female < /td > < /tr> <br> 9 <p> Voeg de HTML te sluiten uit het inschrijfformulier : <td colspan="2" align="right"> <input type="submit" value="register"class="submit" /> < /td > < /tr> < /table > < /form > < /body > < /html > <br> 10 <p> Sla het Kladblok-document als een . txt-bestand . uploaden naar de server , waarin het zal lezen als een HTML-document , en publiceren als een webpagina die kan worden gekoppeld aan uw website . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91266.html' >Hoe te String converteren naar Integer Javascript </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91268.html' >Hoe u Windows Widgets maken </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91130.html" title="Hoe je uitschakelen Microsoft ActiveSync " target="_self">Hoe je uitschakelen Microsoft …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90979.html" title="Hoe om te bepalen of een site maakt gebruik van JavaScript Omleidingen " target="_self">Hoe om te bepalen of een site …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90962.html" title="Hoe te Strings & Substrings bewerken in JavaScript " target="_self">Hoe te Strings & Substrings be…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91222.html" title="Hoe kan ik een afbeelding zoeken op een website te maken " target="_self">Hoe kan ik een afbeelding zoek…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90782.html" title="Combinatie van JavaScript Sneltoetsen " target="_self">Combinatie van JavaScript Snel…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90894.html" title="Hoe te wissen van een Drop -Down in JQuery " target="_self">Hoe te wissen van een Drop -Do…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91192.html" title="Hoe uw eigen tijdelijke tatoeage te maken van uw Printer " target="_self">Hoe uw eigen tijdelijke tatoea…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90860.html" title="Hoe maak je een link Bounce verdienen met jQuery " target="_self">Hoe maak je een link Bounce ve…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91113.html" title="Hoe kan ik PHP bijwerken Met behulp van Javascript " target="_self">Hoe kan ik PHP bijwerken Met b…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93642.html" title="Zo plaatst u een string in een Python Dictionary " target="_self">Zo plaatst u een string in een Python Di…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94665.html" title="Hoe je JavaScript Between Vb.NET " target="_self">Hoe je JavaScript Between Vb.NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88523.html" title="Hoe maak je een EXE Van een . Bat bestand maken " target="_self">Hoe maak je een EXE Van een . Bat bestan…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90342.html" title="Hoe te Rijen berekenen in java.awt.Point " target="_self">Hoe te Rijen berekenen in java.awt.Point…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94749.html" title="Hoe maak je van een webpagina met VBScript Download " target="_self">Hoe maak je van een webpagina met VBScri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93813.html" title="Hoe moeilijk is het ontwerpen van een GUI in Python ? " target="_self">Hoe moeilijk is het ontwerpen van een GU…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91270.html" title="Wat doet JavaScript doen? " target="_self">Wat doet JavaScript doen? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88835.html" title="Hoe maak je een script in Linux Schrijf " target="_self">Hoe maak je een script in Linux Schrijf </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95099.html" title="Hoe de VB6 maandoverzicht Besturing Gebruik " target="_self">Hoe de VB6 maandoverzicht Besturing Gebr…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
