text limit in html

<input maxlength="10" />

<input type="text" id="username" name="username" maxlength="10">
 

<span style="
  display:inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 13ch;">
Lorem ipsum dolor sit amet
</span>