HTML Forms and Input

[welcomewiki]

Send e-mail from a form

This example demonstrates how to send e-mail from a form.

This form sends an e-mail to W3Schools.

Name:

value="yourname" size="20">


Mail:

value="yourmail" size="20">


Comment:

value="yourcomment" size="40">

[welcomewiki]

Form Tags

Tag Description

Defines a form for user input Defines an input field Defines a text-area (a multi-line text input control) <label> Defines a label to a control <fieldset> Defines a fieldset <legend> Defines a caption for a fieldset <select> Defines a selectable list (a drop-down box) <optgroup> Defines an option group <option> Defines an option in the drop-down box <****on> Defines a push ****on <isindex> Deprecated. Use <input> instead </div> <!-- / message --> <div style="margin-top: 10px" align="right"> <!-- controls --> <a href="newreply.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&do=newreply&p=18115" rel="nofollow"><img src="images/buttons/quote.gif" alt="Reply With Quote" border="0" /></a> <!-- / controls --> </div> <!-- message, attachments, sig --> </td> </tr> </table> <!-- post 18115 popup menu --> <div class="vbmenu_popup" id="postmenu_18115_menu" style="display:none;"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">welcomewiki</td> </tr> <tr><td class="vbmenu_option"><a href="member.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&u=1">View Public Profile</a></td></tr> <tr><td class="vbmenu_option"><a href="private.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&do=newpm&u=1" rel="nofollow">Send a private message to welcomewiki</a></td></tr> <tr><td class="vbmenu_option"><a href="https://wikinewforum.com">Visit welcomewiki's homepage!</a></td></tr> <tr><td class="vbmenu_option"><a href="search.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&do=finduser&u=1" rel="nofollow">Find all posts by welcomewiki</a></td></tr> </table> </div> <!-- / post 18115 popup menu --> </div> </div> </div> </div> <!-- / close content container --> <!-- / post #18115 --><div id="lastpost"></div></div> <!-- start content table --> <!-- open content container --> <div align="center"> <div class="page" style="width:80%; text-align:left"> <div style="padding:0px 25px 0px 25px" align="left"> <!-- / start content table --> <!-- controls below postbits --> <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top:-3px"> <tr valign="top"> <td class="smallfont"><a href="newreply.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&do=newreply&noquote=1&p=18115" rel="nofollow"><img src="images/buttons/reply.gif" alt="Reply" border="0" /></a></td> <td align="right"><div class="pagenav" align="right"> <table class="tborder" cellpadding="3" cellspacing="1" border="0"> <tr> <td class="vbmenu_control" style="font-weight:normal">Page 3 of 3</td> <td class="alt1"><a rel="prev" class="smallfont" href="showthread.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&t=5784&page=2" title="Prev Page - Results 6 to 10 of 12"><</a></td> <td class="alt1"><a class="smallfont" href="showthread.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&t=5784" title="Show results 1 to 5 of 12">1</a></td><td class="alt1"><a class="smallfont" href="showthread.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&t=5784&page=2" title="Show results 6 to 10 of 12">2</a></td> <td class="alt2"><span class="smallfont" title="Showing results 11 to 12 of 12"><strong>3</strong></span></td> <td class="vbmenu_control" title="showthread.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&t=5784"><a name="PageNav"></a></td> </tr> </table> </div> </td> </tr> </table> <!-- / controls below postbits --> <!-- show latest active threads --> <br /> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tbody><tr><td class="tcat"> <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_external')"><img id="collapseimg_forumhome_external" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a> <a href="forumdisplay.php?f=98">New topics in HTML Forum & Tutorial</a> </td></tr></tbody> <tbody id="collapseobj_forumhome_external" style=""> <tr><td class="alt1" width="100%" valign="top"> <div class="smallfont"> <script type="text/javascript" src="external.php?forumids=98,-1&type=js"></script> <H3> <script language="" type="text/javascript"> <!-- for (var x in threads) { document.writeln("<a href=\"showthread.php?t="+threads[x].threadid+"&goto=newpost\"><img class=\"inlineimg\" src=\"images/buttons/firstnew.gif\" alt=\"\" border=\"0\" /></a> <a href=\"showthread.php?t="+threads[x].threadid+"\">"+threads[x].title+"</a> <br />"); } //--> </script> </H3> </div> </td> </tr></tbody> </table> <!-- / show latest active threads --> <!-- lightbox scripts --> <script type="text/javascript" src="clientscript/vbulletin_lightbox.js?v=3810"></script> <script type="text/javascript"> <!-- vBulletin.register_control("vB_Lightbox_Container", "posts", 1); //--> </script> <!-- / lightbox scripts --> <!-- next / previous links --> <br /> <div class="smallfont" align="center"> <strong>«</strong> <a href="showthread.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&t=5784&goto=nextoldest" rel="nofollow">Previous Thread</a> | <a href="search.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&do=getnew" accesskey="2">New Posts</a> | <a href="https://www.wikinewforum.com/tags.php?tag=top+10s=8f3ef1ef7d8f33c35c7de7ef6f23358e&"accesskey="2">Array TOP 10 </a> | <a href="showthread.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&t=5784&goto=nextnewest" rel="nofollow">Next Thread</a> <strong>»</strong> </div> <!-- / next / previous links --> <!-- popup menu contents --> <br /> <!-- thread tools menu --> <div class="vbmenu_popup" id="threadtools_menu" style="display:none"> <form action="postings.php?t=5784&pollid=" method="post" name="threadadminform"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">Thread Tools<a name="goto_threadtools"></a></td> </tr> <tr> <td class="vbmenu_option"><img class="inlineimg" src="images/buttons/sendtofriend.gif" alt="Email this Page" /> <a href="sendmessage.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e&do=sendtofriend&t=5784" rel="nofollow">Email this Page</a></td> </tr> </table> </form> </div> <!-- / thread tools menu --> <!-- **************************************************** --> <!-- **************************************************** --> <!-- thread rating menu --> <div class="vbmenu_popup" id="threadrating_menu" style="display:none"> <form action="threadrate.php?t=5784" method="post" id="showthread_threadrate_form"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">Rate This Thread<a name="goto_threadrating"></a></td> </tr> <tr> <td class="vbmenu_option" title="nohilite" id="threadrating_options"> <div><img class="inlineimg" src="images/rating/rating_5.gif" alt="Excellent" /><label for="vote5"><input type="radio" name="vote" id="vote5" value="5" />Excellent</label></div> <div><img class="inlineimg" src="images/rating/rating_4.gif" alt="Good" /><label for="vote4"><input type="radio" name="vote" id="vote4" value="4" />Good</label></div> <div><img class="inlineimg" src="images/rating/rating_3.gif" alt="Average" /><label for="vote3"><input type="radio" name="vote" id="vote3" value="3" />Average</label></div> <div><img class="inlineimg" src="images/rating/rating_2.gif" alt="Bad" /><label for="vote2"><input type="radio" name="vote" id="vote2" value="2" />Bad</label></div> <div><img class="inlineimg" src="images/rating/rating_1.gif" alt="Terrible" /><label for="vote1"><input type="radio" name="vote" id="vote1" value="1" />Terrible</label></div> </td> </tr> <tr id="threadrating_submit"> <td class="vbmenu_option" title="nohilite" align="center"> <input type="hidden" name="s" value="8f3ef1ef7d8f33c35c7de7ef6f23358e" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="t" value="5784" /> <input type="hidden" name="pp" value="5" /> <input type="hidden" name="page" value="3" /> <input type="submit" class="button" value="Vote Now" /> </td> </tr> </table> </form> </div> <!-- / thread rating menu --> <script type="text/javascript" src="clientscript/vbulletin_ajax_threadrate.js?v=3810"></script> <script type="text/javascript"> <!-- vB_AJAX_ThreadRate_Init('showthread_threadrate_form'); var threadid = 5784; //--> </script> <!-- / popup menu contents --> <!-- forum rules and admin links --> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tr valign="bottom"> <td width="100%" valign="top"> </td> <td class="smallfont" align="right"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td> </td> </tr> </table> </td> </tr> </table> <!-- /forum rules and admin links --> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Wiki Links 2020 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1772210986915092" data-ad-slot="4234905396" data-ad-format="link" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <!-- / close content container --> <!-- /content area table --> <form action="index.php" method="get" style="clear:left"> <table cellpadding="6" cellspacing="0" border="0" width="80%" class="page" align="center"> <tr> <td class="tfoot" align="right" width="100%"> <div class="smallfont"> <strong> <h2> <a href="https://www.youtube.com/user/vasantasp/" title"Wiki NewForum tags">One Minute Videos</a> - <a href="https://www.wikinewforum.com/tags.php?tag=2022" title"Wiki NewForum tags">Best of 2022</a> - <a href="https://www.wikinewforum.com/tags.php?tag=tv+shows" title"Wiki NewForum tags"> TV Buzz </a> - <a href="https://www.wikinewforum.com/album.php?u=1 " title"Wiki NewForum tags">Biography</a> - <a href="https://www.wikinewforum.com/tags.php?tag=top+10" title"Wiki NewForum tags">TOP 10</a> - <a href="tags.php" title"Wiki NewForum tags">Tags</a> - <a href="sendmessage.php?s=8f3ef1ef7d8f33c35c7de7ef6f23358e" rel="nofollow" accesskey="9">Contact Us</a> <!-- <a href="https://www.wikinewforum.com/">Wiki NewForum</a> <a href="archive/index.php">Archive</a> - <a href="#top" onclick="self.scrollTo(0, 0); return false;">Top</a> --> </h2> </strong> </div> </td> </tr> </table> <br /> <div align="center"> <div class="smallfont" align="center"> <!-- Do not remove this copyright notice --> Powered by vBulletin® Version 3.8.10<br />Copyright ©2000 - 2024, vBulletin Solutions, Inc. <!-- Do not remove this copyright notice --> </div> <div class="smallfont" align="center"> <!-- Do not remove cronimage or your scheduled tasks will cease to function --> <!-- Do not remove cronimage or your scheduled tasks will cease to function --> <meta name="verify-v1" content="jLIU2Xqnp8FbPJ6EhGutB0v2BW3FEuffAcsaeziPaYo=" /> </div> </div> </form> <script type="text/javascript"> <!-- // Main vBulletin Javascript Initialization vBulletin_init(); //--> </script> <!-- <!-- Start of StatCounter Code for vBulletin 3.8 --> <script type="text/javascript"> var sc_project=11448974; var sc_invisible=1; var sc_security="7e6c2af9"; var scJsHost = (("https:" == document.location.protocol) ? "https://secure." : "http://www."); document.write("<sc"+"ript type='text/javascript' src='" + scJsHost+ "statcounter.com/counter/counter.js'></"+"script>"); </script> <noscript><div class="statcounter"><a title="web statistics" href="http://statcounter.com/" target="_blank"><img class="statcounter" src="//c.statcounter.com/11448974/0/7e6c2af9/1/" alt="web statistics"></a></div></noscript> <!-- End of StatCounter Code for vBulletin 3.8 --> <html prefix="og: http://ogp.me/ns#"> <head> <title>WikiNewForum)</title> <meta property="og:title" content="WikiNewForum | Latest Entertainment News" /> <meta property="og:type" content="Website" /> <meta property="og:url" content="https://www.wikinewforum.com/" /> <meta property="og:description" content="WikiNewForum is your one stop source for the Latest Entertainment News related to TV Serials, Digital web Series, Film, Sports, Food, Health, Celebrities, Tech.." /> <meta property="og:type" content="Website" /> <meta property="og:site_name" content="WikiNewForum" /> <meta property="og:image" content="https://www.wikinewforum.com/picture.php?albumid=88&pictureid=2008" /> <meta name="keywords" content="Latest Entertainment News, TV Serials, Digital web Series, Film, Sports, Food, Health, Celebrities, Tech & Career, TOP 10, Best of 2022, IndiaForums" /> <meta name="p:domain_verify" content="1abfae2c11fe6dd6bc380d2db9ff9668"/> </head> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl464052'},{'dcenter':'p3'},{'cp_id':'7680746'},{'cp_cache':''},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html><!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-8599614-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-8599614-1'); </script><script data-ad-client="ca-pub-1772210986915092" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- temp --> <div style="display:none"> <!-- thread rate --> <!-- thread ratings form here --> <!-- / thread rate --> </div> </body> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl464052'},{'dcenter':'p3'},{'cp_id':'7680746'},{'cp_cache':''},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>