HTML-Prototype von TUM Campus Heilbronn

<form class="powermail_form" action="#" method="post">
  <div class="powermail_fields">
    <fieldset class="powermail_fieldwrap powermail_fieldwrap_type_radio">
      <legend class="powermail_label">Make your choice
      </legend>
      <div class="powermail_field ">
        <div class="radio">
          <input class="powermail_radio" id="radio1" name="radio" type="radio" checked="checked"/>
          <label for="radio1">Option 1</label>
        </div>
        <div class="radio">
          <input class="powermail_radio" id="radio2" name="radio" type="radio"/>
          <label for="radio2">Option 2</label>
        </div>
      </div>
    </fieldset>
    <fieldset class="powermail_fieldwrap powermail_fieldwrap_type_radio">
      <legend class="powermail_label">Make your choice<span class="mandatory" aria-hidden="true">*</span><span class="u-visually-hidden"> Required field</span>
      </legend>
      <div class="powermail_field ">
        <div class="radio">
          <input class="powermail_radio" id="radio1-description" name="radio-description" type="radio" checked="checked"/>
          <label for="radio1-description">Option 1</label>
        </div>
        <div class="radio">
          <input class="powermail_radio" id="radio2-description" name="radio-description" type="radio"/>
          <label for="radio2-description">Option 2</label>
        </div>
      </div>
      <p class="powermail_field_description" id="radio-description">Pick the option that fits best. You can change it later.</p>
    </fieldset>
    <fieldset class="powermail_fieldwrap powermail_fieldwrap_type_radio">
      <legend class="powermail_label">Make your choice<span class="mandatory" aria-hidden="true">*</span><span class="u-visually-hidden"> Required field</span>
      </legend>
      <div class="powermail_field ">
        <div class="radio powermail_field_error">
          <input class="powermail_radio" id="radio1-error" name="radio-error" type="radio"/>
          <label for="radio1-error">Option 1</label>
        </div>
        <div class="radio powermail_field_error">
          <input class="powermail_radio" id="radio2-error" name="radio-error" type="radio"/>
          <label for="radio2-error">Option 2</label>
        </div>
        <ul class="powermail-errors-list filled" aria-live="polite">
          <li>This field is required</li>
        </ul>
      </div>
    </fieldset>
  </div>
</form>