Contact Information

The Contact Information form allows the user to manage their bare minimum contact information.

On this page:

Best Practices

  • MyLa should be used to manage users’ names. If not, use this form.
  • Put the form into a column to size as necessary.

Usage

Contact Info

At the bare minimum, we only need your email address. But, it’s extra helpful to you and us if we can also get your phone number.

If there’s an asterisk we have to get that information.

If you decide to give us your number, give us a number where you can get texts.
<div class="card">
  <div class="card-body">
    <h3 class="h3 mb-6 text-primary">
      <span class="fas fa-address-book text-primary-10 mr-1" aria-hidden="true"></span>Contact Info
    </h3>
    <p>At the bare minimum, we only need your email address. But, it&rsquo;s extra helpful to you and us if we can also
      get your phone number.</p>
    <p class="small">If there&rsquo;s an asterisk <span class="font-weight-bold"><span class="fas fa-asterisk text-danger" aria-hidden="true"></span></span> we have to get that information.</p>
    <div class="row">
      <div class="col-12">
        <div class="form-group">
          <label for="TelephoneMain">
            Telephone
          </label>
          <input type="tel" class="form-control" id="TelephoneMain">
          <small>If you decide to give us your number, give us a number where you can get texts.</small>
        </div>
        <div class="form-group">
          <label for="EmailAddressMain">
            <span class="fas fa-asterisk text-danger mr-1" aria-hidden="true"></span>Email Address
          </label>
          <input type="email" class="form-control" id="EmailAddressMain">
        </div>
        <button class="btn btn-primary">
          Update Contact Info<span class="fas fa-check ml-1" aria-hidden="true"></span>
        </button>
      </div>
    </div>
  </div>
</div>