How can i create a password box for login/registration?

  • Profile Image
    jpc05211
    Asked on April 20, 2014 at 06:32 PM

    <form  action="register.php" autocomplete="on">
        <h1> Sign up </h1>
        <p>
             <label for="firstnamesignup" class="fname" data-icon="u">First Name:</label>
             <input id="firstnamesignup" name="firstnamesignup" required="required" type="text" placeholder="First" />
        </p>
        <p>
             <label for="lastnamesignup" class="lname" data-icon="u">Last Name:</label>
             <input id="lastnamesignup" name="lastnamesignup" required="required" type="text" placeholder="Last" />
        </p>
        <p>
             <label for="usernamesignup" class="uname" data-icon="u">Username:</label>
             <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="Username" />
        </p>
        <p>
             <label for="passwordsignup" class="youpasswd" data-icon="p">Password:</label>
             <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="Password"/>
        </p>
        <p>
             <label for="passwordsignup_confirm" class="password" data-icon="p">Confirm Password:</label>
             <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="Password"/>
        </p>
        <p>
             <label for="emailsignup" class="youmail" data-icon="e" >Email:</label>
             <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="example@domain.com"/>
        </p>
        <p>
             <label>Date of Birth:</label>
             <select name="month" onChange="changeDate(this.options[selectedIndex].value);">
             <option value="na">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="day" id="day">
             <option value="na">Day</option>
             </select>
             <select name="year" id="year">
             <option value="na">Year</option>
             </select>
             <script language="JavaScript" type="text/javascript">
             function changeDate(i){
             var e = document.getElementById('day');
             while(e.length>0)
             e.remove(e.length-1);
             var j=-1;
             if(i=="na")
             k=0;
             else if(i==2)
             k=28;
             else if(i==4||i==6||i==9||i==11)
             k=30;
             else
             k=31;
             while(j++<k){
             var s=document.createElement('option');
             var e=document.getElementById('day');
             if(j==0){
             s.text="Day";
             s.value="na";
             try{
             e.add(s,null);}
             catch(ex){
             e.add(s);}}
             else{
             s.text=j;
             s.value=j;
             try{
             e.add(s,null);}
             catch(ex){
             e.add(s);}}}}
             y = 1998;
             while (y-->1908){
             var s = document.createElement('option');
             var e = document.getElementById('year');
             s.text=y;
             s.value=y;
             try{
             e.add(s,null);}
             catch(ex){
             e.add(s);}}
             </script>
        </p>
        <p>
             <label>Gender:</label>
             <select name="Gender">
             <option value="male">Male</option>
             <option value="female">Female</option>
             </select>
        </p>
        <p class="signin button">
        <input type="submit" value="Register"/>
        </p>
    </form>

  • Profile Image
    jonathan
    Answered on April 20, 2014 at 07:42 PM

    Hi,

    I would like to inform you that we do not allow the utilization of login/username/password input fields in the form. Having such elements in the form is in direct violation of JotForm's Terms of Sevice

    Also, to clarify, you can actually create Registration From WITHOUT the need for login/password elements on it.

    If you can find time to check out registration form templates in the JotForm Template gallery, you will see that the forms do not have such requirement.

    Hope this clarifies the matter. Inform us if you need further assistance.

    Thanks!

  • Profile Image
    markdavegonzaga 
    Answered on March 10, 2016 at 05:54 AM

    dont panic