VSCode_basic.6


form .2
<body>
    <fieldset>
        <legend>추가 폼 요소 2</legend>
        <p>만족도 : <input type="range" /></p>
        <p>날짜 : <input type="date" /></p>
        <p>날짜 및 시간 : <input type="datetime" /></p>
        <p>날짜 및 시간(현재 지역) : <input type="datetime-local"/></p>
        <p>월 단위 날짜 : <input type="month"></p>
        <p>주 단위 날짜 : <input type="weak"></p>
        <p>시간 : <input type="time"></p>
        <p>색상 : <input type="color"></p>

    </fieldset>
</body>

range는 아이콘을 조작할 수 있는 바 형태의 type입니다.
그 이외에도 날짜, date
날짜와 시간은 datetime / datetime-local
월 단위와 주 단위의 날은 month / weak
와 같은 type들이 있습니다.

htmlを効率的に整理するには、さまざまなタイプを活用することができます.
<body>
    <fieldset>
        <legend>필기에 힌트주기 placeholder</legend>
        <input type="text" placeholder="아이디를 입력하세요"><br/>
        <input type="password" placeholder="비밀번호를 입력하세요"><br/>
        
    </fieldset>
</body>

placeholer=""를 이용해 holder를 남길 수 있습니다.
"아이디를 입력하세요."는 사용자가 아이디를 입력하는 순간
사라질 겁니다.
 <fieldset>
        <legend>모의 글쓰기 창</legend>
        <form>
            <input type="text" placeholder="아이디를 입력하세요"><br/>
            <input type="password" placeholder="비밀번호를 입력하세요"><br/>
            <p>글쓴이 : <input type "text value="abcd" readonly /></p>
            <p>제목 : <onput type="text"></onput></p>
            <p>본문 : <textarea cols="30" rows="10"><</textarea></p>
            <!--cols 가로 / rows 세로-->
            <p>
                <input type="submit" value="제출">
                <input type="reset" value="초기화">
            </p>
        </form>
    </fieldset>

習ったことを利用して模擬作文ウィンドウを作った.