06.15.20수업 input - govl2233/project_studyej GitHub Wiki

input : 입력

output : 출력

엘리먼트 =

< input type="text" >

속성 type = 종류

  • text : 텍스트를 입력받을때
  • password : 비밀번호형식으로 텍스트 비공개 형성
  • radio : 단일선택
  • check box : 다중선택 (라디오랑 반대)

-----밑으로는 버튼들-----

  • button : 거의 사용안함. 범용 버튼( 특별한 용도없이 아무때나.모든지 쓸수 있다라는 뜻)
  • submit : 전송할때 사용(버튼과 반대)
  • reset : 거의사용안함. 폼의 내용 초기화(포맷을할때)
  • file : 파일/선택 및 업로드 (디자인 수정 안됨.개발을하던가 css에서 수정안됨 스크립트에서만 됨)

value

  • input 의 botton들의 이름을 정해주는 역할
  • ex) < input type="submit" value = "전송"/ >

label

  • 이름표를 달아주는 역할
  • ex) < label for="아이디">아이디

fieldset

  • 표 툴
  • < legend > : 표툴과 같이 꼭 다녀야함 (표툴의 제목)
  • ex) < fieldset > < legend >필수입력< /legend > ~~ < /fieldes >

ex)

< !DOCTYPE html >
 < html lang="en" > 
 < head >    
 < meta charset="UTF-8" > 

 < title >Document< /title > 

 < /head > 

 < body > 

 < fieldset >

   <legend > 필수정보입력< legend >

   < ul >
        < li >
               < label for="userPw" >비밀번호< /label >  
               < input type="password" id="userPw" name=""/ >
        < /li >  
        < li >
               < label for="bisexuality" >성별< /label >  
               < input type="radio" name="sex" id="man" / >< label for="man" >남자< /label >  
               <input type="radio" name="sex" id="woman" / >< label for="woman" >여자< /label >  
         < /li >  
         < li >
               < label for="a1" >결혼여부< /label >  
               < input type="checkbox" id="a1" / >< label for="a1" >미혼< /label >  
               < input type="checkbox" id="a2" / >< label for="a2" >기혼< /label >  
        < /li >
  </ul>  

  <input type="button" value="취소" />  
  <input type="submit" value="전송" />     
  <input type="reset" value="초기화" />

< /fieldset > < /body > < /html >

⚠️ **GitHub.com Fallback** ⚠️