How can I add an unremovable prefix to an HTML input field?

Question

Using jQuery, how can I add a default value of http:// into an input field that can’t be removed, but that still allows you to type a URL after it?

Defa

Answer 1

Material UI Inputs can accept an input adornment prop for prefixes or suffixes:

https://material-ui.com/api/input-adornment/

Kg,
      }}
    />
    
      Kg}
        aria-describedby="standard-weight-helper-text"
        inputProps={{
          'aria-label': 'weight',
        }}
      />