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>

<form>

    <datalist id="dataList">
        <option value="foo@bar.com" label="John Doe"></option>
        <option value="contact@wishtack.com" label="Wishtack"></option>
    </datalist>

    <input list="dataList" type="email">

</form>

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

Last updated