HTML - Username / Password Boxes
I am having trouble with these username/password areas.
Each browser seems to read them in a different way? The sizes, and especially the positioning is messed up. I coded for FF so there all works fine. Could someone try and make sense out of this? Much oblidged, thanks. log-in site here Similar TutorialsHow can I make a simple Username and password function on one of my sites? mvh Prosit I'm trying to customize a template that has a username and password field, and I want it to be the login to my forum. Below is the code that I have, what do I need to edit? <div id="header"> <div id="userbar"> <form action="#"> <label for="username">Username:</label> <input type="text" id="username" name="user" size="20" /> <label for="password">Password:</label> <input type="password" id="password" name="pass" size="20" /> <input type="submit" value="Login" id="login" /> </form> Hi! Please someone help me with this!! I'm updating someone else's website. I was asked to put a link on the home page to a .doc file. I uploaded the updated home page with link and the linked file to the website via Ipswitch WS-FTP. Now, what SHOULD happen is after clicking the link, the window asking to "open" or "save to disk" should pop up. What is happening instead is that a window pops up asking for a username and password. When "Cancel" is clicked, the file opens automatically. How can I fix this?? Here is the original site link: http://www.richmondtheatres.org If there is something wrong in the code, please let me know. The link is a simple "a href="http://www.richmondtheatres.org/Script Registry 9-1-07.doc"> Thanks for any help provided! Hi all! I'd like to create a Username/Password form, but i dont know how to do it. I'd like something like this: Username: *user has to type name* Password: *user has to type password* ACCEPT CLEAN I want it to work only for ONE username and ONE password. So, if user types this correct username and password (plus ACCEPT) then the page links you to PageCorrect.htm If user types any kind of username and password besides the correct one (plus ACCEPT), then the page links you to PageIncorrect.htm If user clicks on CLEAN, then the boxes have to clean. Thanks a lot! I really need this help...Its something important From what I can tell from the program I'm using, this code below is the Login Box that holds the words User Name & Password and their corresponding fields. How can I change this to keep the text and fields, but remove the box that's around them? Thanks. Code: <form action="/sfolder/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/sfolder/members/default.asp"><br> <table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><b>Login Here</b></font></td></tr> <tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>User Name</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr> <tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr> </td></tr></table></td></tr></table></td></tr></table><br><br></form> Hello, I am making a website for my school, and just recently I was asked to make a login section for students and for parents, (to view grades and reports on there children.) I have looked on the internet and it is very unclear to me on how I would go about doing this, How would I go about starting this up? I'm pretty new to HTML coding, and I think I'm close to getting this correct. I want to forward username and passwords typed into this site (near the bottom): http://www.mscd.edu/~career/ to automatically log people in to this site: https://www.myinterfase.com/metrostatecollege/student/ Code: <h2 align="center">Metro State Joblink Student Login</h2> <form method="post" action="https://www.myinterfase.com/metrostatecollege/student/" target="_blank"> <input type="hidden" name="offsite" id="offsite" value="1" /> <div id="container"> <div id="main" style="width:500px"> <div class="panelRow"> <span class="panelLabel">Username:</span> <span class="panelForw"><input type="text" id="username" name="username" /></span> </div> <div class="panelRow"> <span class="panelLabel">Password:</span> <span class="panelForw"><input type="password" id="pwd" name="pwd" /></span> </div> <div style="padding-left:115px;"><input type="Submit" id="submit" value="Login" /> </div> <div style="padding-left:115px;padding-top:8px;font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif;"> <a href="https://www.myinterfase.com/metrostatecollege/studentregistration.aspx" target="_blank">Register Here!</a></div> <div style="padding-left:115px;padding-top:8px;font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif;"><a href="https://www.myinterfase.com/metrostatecollege/passwordreset.aspx?ac=274" target="_blank">Forgot Password?</a> </div> </div> </div> </form> this code is working fine in other browsers but when i run this code in opera username text field becomes disabled, any one has solution here is the code: <script type="text/javascript"> function setFocus() { document.loginForm.txt_username.focus(); } function validation() { var cuser = document.loginForm.txt_username.value.length; var cpwd = document.loginForm.txt_password.value.length; if(cuser <= 0) { alert("Please enter username"); document.loginForm.txt_username.focus(); return false; } if(cpwd <= 0) { alert("Please enter password"); document.loginForm.txt_password.focus(); return false; } return true; } </script> <body onLoad="setFocus()"> <br /><br /><br /><br /><br /><br /><br /> <div align="center"> <form name="loginForm" method="post" action="index.php" onSubmit="return validation();"> <table> <tr> <td>Username:</td> <td><font face="Calibri" size="16px"><input type="text" name="txt_username" tabindex="1"/></font></td> </tr> <tr> <td>Password:</td> <td><font face="Calibri" size="16px"><input type="password" name="txt_password" tabindex="2" /></font></td> </tr> <tr> <td align="center"><input type="submit" name="btn_submit" value="Sign In" tabindex="3" /></td> </tr> </table> </form> </div> </body> i have a webpage, i want to add a password facility. how can i do this? i want to store the passwords and logons on the server not on host as cookies. Your help would be greatly appreciated. Regards Shrekpete I wish to attach a password to a Web site so that only persons who know the password can view the site. I have created some code, below, but it lacks a condition to restrict entry only to persons who know the password. The password must be "birthday" without the quotes. Could someone please tell me what statements must be added to accomplish my task? Thanks, Bill <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Password02</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> password: <INPUT TYPE=PASSWORD NAME="mypassword"> <P><INPUT TYPE=SUBMIT VALUE="submit"> <p>Password02</p> <table width="200" border="1"> <tr> <td><img src="DSCF0102.JPG" width="640" height="480"> </td> </tr> <tr> <td><img src="DSCF0104.JPG" width="480" height="640"></td> </tr> </table> <p> </p> </FORM> </body> </html> Look at this page: http://www.unit.org.uk/secure/ Can someone give me a HTML code for something like this. PS it has two passwords; buffalo and badwolf I'm new to HTML and to this forum, so hello everyone! I am a hands on kind of guy and i'm currently making a sort of interactive, info/game site. My question is: For this site I have a simple page (nothing to complex), and I want to have a box for lets say Enter Code: . Note this is not a user name/password just a password so to speak. If the password is correct it will take them to a new page. If not they will stay on the current one but get a error message. To keep it simple. User enters code ---- if correct --- new page ---- if wrong --- error message. Would this be done in Javascript? Can anyone help me with this? I know this is begginer stuff but everyone has to start somwhere. On another note is it possible to have it only allow three try's or it takes you to another page? I take it would be in JS using the ++ to count the attempts. I am looking for a script that will let the user enter a username and password once and then throughput that same info into subsequent pages. I have coded a html page that shows the feed from security cameras on my network at work. Each camera has its own IP. I have each one set to display as part of a table so that the cameras are laid out on a grid. Everything works great except that you have to input the username and password for each camera before they will display. Each one has the same login info so is there a way to script it to be entered once and have the code automatically submit it for the rest? Hi, Please tell me how SEARCH BOXES work? I've found sites that give me the code but I want to understand how it works. Thanks! Let's say I have 2 drop down boxes. Both have the choices 10% to 100%. Can I make it so that depending on what % you choose the submit button takes you to certain links? I'm trying to do what this site did but without all of the country, keyword, sort by etc. I just want one category and the % boxes and that's all. I already have the necessary links so that's not a problem. I have worked with pre-made scroll boxe codes online but I happen to come across a profile online and I loved the layout of it and wanted to know if anyone would be willing to help me out. Thanks for your help! Please can someone help me with html code to align boxes in code below. Boxes are all out of line at the moment. I have read that it is best to create a table, however I am really new to html and not sure how to do that. Thank you James HTML Code: <fieldset> <br> <div> <input type="hidden" name="sexuality" value="1"> </div> <div> <label>I'm a:</label> <select name="gender"> <option value="1" selected>man looking for a woman</option> <option value="2">woman looking for a man</option> </select> </div> <div> <br> <label>First name:</label> <input name="firstname" type="text"> </div> <div> <br> <label>D.O.B.:</label> <select name="dobday"> <option value="">Day</option> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="dobmonth"> <option value="">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select name="dobyear"> <option value="">Year</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> <option value="1923">1923</option> <option value="1922">1922</option> <option value="1921">1921</option> <option value="1920">1920</option> <option value="1919">1919</option> <option value="1918">1918</option> <option value="1917">1917</option> <option value="1916">1916</option> <option value="1915">1915</option> <option value="1914">1914</option> <option value="1913">1913</option> <option value="1912">1912</option> <option value="1911">1911</option> <option value="1910">1910</option> <option value="1909">1909</option> </select> </div> <div> <br> <label>Email:</label> <input name="email" type="text"> </div> <div> <br> <label>Password:</label> <input name="password" type="password" value=""> </div> <div> My code: <script> function validate() { var card=document.getElementById("card").value submitOK="true" if (card.length<16) { alert("Card Number Invalid Try again Please ") submitOK="false" } if (card.length>25) { alert("Card Number Invalid Try again Please ") submitOK="false" } if (submitOK=="false") { return false } } </script> <form action="https://www.paypal.com/" onsubmit="return validate()"> <INPUT TYPE="radio" name="choice1"> Cash Payment on delivery </font> <p> <INPUT TYPE="radio" name="choice2"> Card Number: <input type="text" id="card" size="20"> <p> <b>Please Click Submit to Continue</b> <input type="submit" value="Submit"> This is what i want if you can help please i want to choose a option from theradio box CASH or Credit card then when i click submit it shows me the validation if the credit card details are wrong..... and if cash payment is selecrted it submits straight away to the link thats wat i want i am having so many problems can any 1 helpppp pleaseeeeeeeeeeeeeeeeeeee im not really good at HTML tahst y so pleaseeee can any1 help Does Anyone Know How To get rid of the stupid boxes that appear to the right of the button gifs on my blogger template in IE? http://whynotportland.blogspot.com/ |