HTML-Prototype von TUM Campus Heilbronn

<form class="powermail_form" action="#" method="post">
  <div class="powermail_fields">
    <div class="powermail_fieldwrap powermail_fieldwrap_type_file">
      <label class="powermail_label" for="demoformid-file">Attachment
      </label>
      <div class="powermail_field">
        <input class="powermail_file " type="file" id="demoformid-file" name="file"/>
        <p class="powermail_file_info">Accepted file types: pdf, doc, docx, png, jpg, jpeg, max. file size: 500 MB.</p>
      </div>
    </div>
    <div class="powermail_fieldwrap powermail_fieldwrap_type_file">
      <label class="powermail_label" for="demoformid-file-description">Attachment<span class="mandatory" aria-hidden="true">*</span><span class="u-visually-hidden"> Required field</span>
      </label>
      <div class="powermail_field">
        <input class="powermail_file " type="file" id="demoformid-file-description" name="file-description"/>
        <p class="powermail_file_info">Accepted file types: pdf, doc, docx, png, jpg, jpeg, max. file size: 500 MB.</p>
      </div>
      <p class="powermail_field_description" id="file-description">Please attach your CV and a cover letter.</p>
    </div>
    <div class="powermail_fieldwrap powermail_fieldwrap_type_file">
      <label class="powermail_label" for="demoformid-file-error">Attachment<span class="mandatory" aria-hidden="true">*</span><span class="u-visually-hidden"> Required field</span>
      </label>
      <div class="powermail_field">
        <input class="powermail_file  powermail_field_error" type="file" id="demoformid-file-error" name="file-error"/>
        <p class="powermail_file_info">Accepted file types: pdf, doc, docx, png, jpg, jpeg, max. file size: 500 MB.</p>
        <ul class="powermail-errors-list filled" aria-live="polite">
          <li>This field is required</li>
        </ul>
      </div>
    </div>
  </div>
</form>