HTML

<label for="areacode">Phone <span class="star">*</span></label>
<input required aria-required="true" aria-label="Area Code" type="tel" name="areacode" id="areacode" maxlength="3">
-
<label for="threedigits" class="inline"><span class="star">*</span></label>
<input required aria-required="true" aria-label="First Three Phone Digits" type="tel" name="threedigits" id="threedigits" maxlength="3">
-
<label for="fourdigits" class="inline"><span class="star">*</span></label>
<input required aria-required="true" aria-label="Last Four Phone Digits" type="tel" name="fourdigits" id="fourdigits" maxlength="4">

Output

Phone * - * - *