Form elements

<fieldset>, <legend> and <label>

<form>
    <fieldset>
      
        <legend>Book</legend>

        <div>
            <label for="title">Title</label>
            <input id="title" placeholder="title"     type="text">
        </div>

        <div>
            <label for="author-name">Author</label>
            <input id="author-name" placeholder="author"     type="text">
        </div>
      
    </fieldset>
</form>

https://codepen.io/younes-jaaidi/pen/RYQMEM

<datalist>

https://codepen.io/younes-jaaidi/pen/RYQMvM

Last updated