HTML 마크업 요소 - 2

[ input 요소 ]

input type = " 유형 " 으로 지정 가능 

 - id 속성으로 여러번 사용된 폼 요소를 구분 

  : id 는 html 상에서 중복이 안되고, name 은 중복이 가능하다 

- text : 한줄의 일반 text 입력받음 

- password : 비밀번호 입력 ( 내용 표시되지 않고 가려짐 )

( name - textfield 구별 가능한 이름 / size - 화면에 보일 길이 지정 / value - 표시될 내용 )

value vs placeholder 

:: value 는 화면에 뚜렷하게 나타나 있으며, 새로운 입력값을 받기 위해 지워야 함 

:: placeholder 는 회색글자로 나타나 있으며, 입력을 받을 때 자동 소멸 되어짐 

++ readonly : 직접 입력하지 못하게, 읽기 전용으로 지정 

<select> tag 는 selectbox (dropdown) 을 표시 

 - option 태그는 select box 에 포함될 항목들을 정의 

 - value : 옵션 선택 시 서버로 넘겨질 값 

<datalist> : input 과 함꼐 사용,  선택값이 텍스트 필드에 입력되어짐 

 ex) <input> 

     <datatype >

   

 

[ 공간 분할 태그 ] 

div / span 

div : block 형식으로 공간 분할, 웹사이트의 전체 레이아웃 만들 떄 사용 

span : inline 형식으로 공간 분할