Menu icon Foundation

My Posts


  • 4
    Replies
  • Default Height For Textarea

    By John French

    heighttextarea

    This may very well be a simple fix, but I figured I would go ahead and ask the forum. I am making a "Contact Us" form and want to have a text area for comments/questions. I like how the textarea can be resized by the user, but I need it to begin at a ce... (continued)

    Last Reply by Nishant Gaurav almost 2 years ago


My Comments

John French commented on John French's post almost 6 years

Thanks James! That definitely seems to be better. Sorry it was something as simple as div tags.

John French commented on John French's post almost 6 years

Okay, that definitely showed me some things I was leaving out. But I am still having a bunch of problems with the error messages, to the point where I can't even tell if they are really working or not because they just sort of show up all of a sudden if you are tabbing through the fields. Anyone mind taking a look at my code and telling me what I am doing wrong?

<div class="row" style="margin-top:10%">
    <div align="center"><h2>Create an Account</h2></div>
       <br />
       <div class="medium-6 medium-centered large-centered large-6 columns">
     <form data-abide>
          <div class="name-field">
          <label>First Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="name-field">
          <label>Last Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="email-field">
          <label>Email</label>
        <input id="email" type="email" required></input>
       <small class="error">An email address is required.</small>
       </div>
          <div class="email-field">
          <label>Re-enter Email</label>
        <input type="email" required></input>
       <small class="error">The emails must match.</small>
       </div>

           <label for="password">Password</label>
           <input id="password" type="password" required="" name="password"></input>
           <small class="error"></small>


           <label for="confirmPassword">Confirm Password</label>
           <input id="confirmPassword" type="password" data-equalto="password" required="" name="confirmPassword" data-invalid=""></input>
           <small class="error" data-error-message="">Passwords must match.</small>

           <label><small>By creating an account you have read and agree to the <a href="#">terms and conditions</a>.</small></label>
           <input id="checkbox1" type="checkbox" required></input><label for="checkbox1">I Agree</label>
           <small class="error">You must agree to the terms and conditions.</small>
          <br />
          <br />         
          <button type="submit">Create Account</button>
          <br />
          <small>Sign in with <a href="#">Facebook</a>, <a href="#">Google</a>, or <a href="#">Twitter</a>.</small>

      </form>
      </div>
</div>

Posts Followed


  • 4
    Replies
  • Default Height For Textarea

    By John French

    heighttextarea

    This may very well be a simple fix, but I figured I would go ahead and ask the forum. I am making a "Contact Us" form and want to have a text area for comments/questions. I like how the textarea can be resized by the user, but I need it to begin at a ce... (continued)

    Last Reply by Nishant Gaurav almost 2 years ago


Following

    No Content

Followers

My Posts


My Comments

You commented on John French's post almost 6 years

Thanks James! That definitely seems to be better. Sorry it was something as simple as div tags.

You commented on John French's post almost 6 years

Okay, that definitely showed me some things I was leaving out. But I am still having a bunch of problems with the error messages, to the point where I can't even tell if they are really working or not because they just sort of show up all of a sudden if you are tabbing through the fields. Anyone mind taking a look at my code and telling me what I am doing wrong?

<div class="row" style="margin-top:10%">
    <div align="center"><h2>Create an Account</h2></div>
       <br />
       <div class="medium-6 medium-centered large-centered large-6 columns">
     <form data-abide>
          <div class="name-field">
          <label>First Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="name-field">
          <label>Last Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="email-field">
          <label>Email</label>
        <input id="email" type="email" required></input>
       <small class="error">An email address is required.</small>
       </div>
          <div class="email-field">
          <label>Re-enter Email</label>
        <input type="email" required></input>
       <small class="error">The emails must match.</small>
       </div>

           <label for="password">Password</label>
           <input id="password" type="password" required="" name="password"></input>
           <small class="error"></small>


           <label for="confirmPassword">Confirm Password</label>
           <input id="confirmPassword" type="password" data-equalto="password" required="" name="confirmPassword" data-invalid=""></input>
           <small class="error" data-error-message="">Passwords must match.</small>

           <label><small>By creating an account you have read and agree to the <a href="#">terms and conditions</a>.</small></label>
           <input id="checkbox1" type="checkbox" required></input><label for="checkbox1">I Agree</label>
           <small class="error">You must agree to the terms and conditions.</small>
          <br />
          <br />         
          <button type="submit">Create Account</button>
          <br />
          <small>Sign in with <a href="#">Facebook</a>, <a href="#">Google</a>, or <a href="#">Twitter</a>.</small>

      </form>
      </div>
</div>

Posts Followed


Following

  • No Content

Followers

  • No Content