bootStrap // 여러가지 기능들

# form-select

https://getbootstrap.com/docs/5.2/forms/select/

    <select class="form-select" aria-label="Default select example">

        <option selected>Open this select menu</option>

        <option value="1">One</option>

        <option value="2">Two</option>

        <option value="3">Three</option>

      </select>

셀렉트창.

 

 

#인풋(이메일)

    <div class="mb-3">

        <label for="exampleFormControlInput1" class="form-label">Email address</label>

        <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">

    </div>

 

# 칼라픽커

    <label for="exampleColorInput" class="form-label">Color picker</label>

    <input type="color" class="form-control form-control-color" id="exampleColorInput" value="#563d7c"

        title="Choose your color">

 

#디테일 리스트

    <label for="exampleDataList" class="form-label">Datalist example</label>

    <input class="form-control" list="datalistOptions" id="exampleDataList" placeholder="Type to search...">

    <datalist id="datalistOptions">

        <option value="San Francisco">

        <option value="New York">

        <option value="Seattle">

        <option value="Los Angeles">

        <option value="Chicago">

    </datalist>

 

# range

    <label for="customRange3" class="form-label">Example range</label>

    <input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">

 

그냥 졸라 많다. 걍 필요한거 찾아서 쓰자..