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

  • jpc05211
    Asked on April 20, 2014 at 6: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" onDISABLEDchange="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>

  • jonathan
    Replied on April 20, 2014 at 7: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!

  • markdavegonzaga
    Replied on March 10, 2016 at 5:54 AM

    dont panic