input과 textarea, min(max)length, required

        <p>

            <label for="cheese">Amount of Cheese:</label>

            <input type="range" name="cheese_level" id="cheese" min="1" max="10" step="2">

        </p>

        <label for="">Any Special Requests?</label>

        <br><textarea name="Requests?" id="requests" cols="30" rows="10" placeholder="Type someting here"></textarea>

range input은 볼륨바와 같이 조절할 수 있는 바를 넣는다 id cheese 로 label과 같이 맞춰주고 

min = 1 max = 10 step = 2 로 최소값 1 최대값 10 2씩 올라간다 1 3 5 7 

textarea 는 user가 작성가능한 창이다. 

    <form action="/dummy">

        <label for="first">Enter first name</label>

        <input type="text" name="first" id="first" required>

        <label for="username">username</label>

        <input type="text" name="username" id="username" minlength="5" maxlength="20" required>

        <button>Submit</button>

        <p>

            <input type="email" name="" id="" required>

            <input type="url" name="" id="">

        </p>

    </form>

minlenght와 maxlenght 는 최소, 최대 텍스트를 정하고 required 를 넣으면 해당 텍스트가 빈칸이면 submit이 안된다.