day03

📌 Input(1)

아이디 :
    <input type="text" name="idvalue" id="idvalue" />
    <br/>
    패스워드 :  <!-- type을 password로 하면 별로 표시됨-->
    <input type="password" name="pwvalue" id="pwvalue" /> 
    <br/>
    <input type="hidden" name="hide" id="hide" />

💡 결과값
아이디 :



패스워드 :

📌 Input(2)

<form>
        <!-- 입력 내용에 대한 그룹을 명시하는 부분-->
        <fieldset>
            <!--그룹의 제목-->
            <legend>내용 입력하기</legend>
            <!--입력요소 배치-->
            <div>
                <label for="user_id">아이디</label>
                <input type="text" name="user_id" id="user_id" 
                    maxlength="10" placeholder="아이디를 입력하세요"/>

            </div>
            <div>
                <label for="user_name">회원이름</label>
                <input type="text" name="user_name" id="user_name" 
                    maxlength="10" placeholder="이름을 입력하세요"/>

            </div>

            <div>
                <label for="user_pw">비밀번호</label>
                <input type="password" name="user_pw" id="user_pw" 
                    maxlength="20" placeholder="패스워드를 입력하세요"/>

            </div>
            <div>
                <label for="memo">자기소개</label>
                <!-- 장문을 입력하기 위한 요소-->
                <textarea name="memo" id="memo" maxlength="10" placeholder="자기소개 입력"></textarea>
            </div>
            <div>
                <label for="data">숨겨진항목</label>
                <input type="hidden" name="data" id="data" 
                    value="data"/>

            </div>

        </fieldset>
    </form>

💡 결과값

내용 입력하기

아이디

회원이름

비밀번호

자기소개

숨겨진항목

📌 Input(3)

<form action="http://localhost/login.jsp">
    <fieldset>
      <div>
        <label for="id">아이디 :</label>
        <input type="text" name="id" id="id"
            maxlength="10" placeholder="아이디를 입력하세요"/>
      </div>
      <div>
        <label for="pwd">비밀번호 :</label>
        <input type="password" name="pwd" id="pwd"
            maxlength="20" placeholder="비밀번호를 입력하세요"/>
      </div>
      <div>
        <label for="address">주소 :</label>
        <input type="text" name="address" id="address"
            maxlength="20" placeholder="주소를 입력하세요"/>
      </div>    
      <input type="submit" />
    </fieldset>
    </form>

💡 결과값

아이디 :

비밀번호 :

주소 :