Name

The Name form allows the user to input their name on a form.

Edit on GitHub

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.
Change the heading level when appropriate.

Usage

Name

MyLa is how Louisiana’s government agencies know how to contact you. So, what’s your name?.

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

First Name

Middle Name This is optional.

Last Name

<div class="card">
  <div class="card-body">
    <h3 class="form-title">
    <span class="icon fas fa-user text-primary-10 me-1" aria-hidden="true"></span>Name
    </h3>
    <p>MyLa is how Louisiana&rsquo;s government agencies know how to contact you. So, what&rsquo;s your name?.</p><p class="small">If there’s an asterisk <span class="icon fas fa-asterisk text-danger me-1" aria-hidden="true"></span> we have to get that information.</p>
<div class="row">
    <div class="col-12">
      <div class="form-group">
      <label for="NameFirst">
        <span class="icon fas fa-asterisk text-danger me-1" aria-hidden="true"></span>First Name
      </label>
      <input type="text" class="form-control" id="NameFirst">
      </div>
      <div class="form-group">
      <label for="NameMiddle">
        Middle Name
      </label>
      <input type="text" class="form-control" id="NameMiddle">
      <small>This is optional.</small>
      </div>
      <div class="form-group">
      <label for="NameLast">
        <span class="icon fas fa-asterisk text-danger me-1" aria-hidden="true"></span>Last Name
      </label>
      <input type="text" class="form-control" id="NameLast">
      </div>
      <button class="btn btn-primary">
      <span class="icon fas fa-check me-1" aria-hidden="true"></span>Update Name
      </button>
    </div>
    </div>
  </div>
</div>

Name

On this page:

Best Practices

Usage

Name