본문 바로가기

카테고리 없음

web programming note - 3 웹 폼

<!DOCTYPE html>
<html>
    <head>
        <title>login</title>
    </head>
    <body>
        <form name="fo" method="get">
            <fieldset>
                <legend>회원정보</legend>
                Email : <input type="email" placeholder="id@host.com" size="15" value="">
                <br>
                <label for="pass"> 비밀번호 : </label>
                <input id="pass" type="password" size="15" value="">
                <input type="submit" value="완료">
            </fieldset>
            <hr>
            <label>
                <input type="radio" name="china" value="1">짜장면
            </label><br>
            <label>
                <input type="radio" name="china" value="2" checked>짬뽕
            </label><br>
            <label>
                <input type="radio" name="china" value="3">탕수육
            </label><br>
            <hr>
            색 선택 <input type="color" value="#0000FF" onchange="document.body.style.color=this.value">
            <hr>
            <table>
                <tr><td>날짜</td><td><input type="date" value="2000-01-01"></td></tr>
                <tr><td>시간</td><td><input type="time"></td></tr>
            </table>

            지속 시간 (0.0~10.0시간) : <input type="number" min="0.0" max="10.0" step="0.5"><br><br>
            온도 설정 : 10&deg<input type="range" min="10" max="30" list="temperature">30&deg;
            <datalist id="temperature">
                <option value="12" label="Low"></option>
                <option value="28" label="High"></option>
            </datalist>
        </form>
    </body>
</html>