I have the following design: UI Design

I want an input field like this i.e. having a text like Shipper Name or Contact Number on top of the input field. How can I achieve this in HTML ? I am not able to find it on the internet.

Thank you

CodePudding user response：

you can use material-ui to access these kind of components without having to code it from scratch.

Their TextField looks exactly the same in the image you provided: https://mui.com/material-ui/react-text-field/

Their documentation you can follow to integrate their library on your project: https://mui.com/material-ui/getting-started/installation/

CodePudding user response：

Use fieldset and legend

<fieldset><legend>Shipper Name</legend><input type="text"></fieldset>