LAB2: html

• HTML Form
  • 속성
  • Action : form이 제출되었을 때, action을 설정
  • Target : 제출했을 때 결과를 기존 페이지에 보여줄 지(default : _self), 새로운 브라우저를 열지(_blank)
  • method : data를 전송할 때 사용할 함수 (get/post) :-> 값을 url 창에 보여줄지 숨길지 결정! (보이기: get, 숨기기: post)
  • Text : 텍스트 값을 입력받는 필드
  • Radio : radio button으로 보여지는 필드
  • Submit : submit 버튼으로 보여지는 필드
• <form> : 유저의 입력값을 받기 위한 html form을 만드는 태그
• <input> : type에 따라 다양한 형식으로 입력값을 받는다.

• <label> : form의 input틀에 이름을 붙이는 태그, 어떤 정보를 입력하는 지 알려준다. 
• 속성
• for : input 값의 id와 같으면 연결된다.

• <select> : 리스트의 적힌 값들 중에 선택하도록 하는 태그 (멀티가능)

select list (키보드 입력 불가능)

• <textarea> : 여러 문장을 받을 수 있는 태그
• <button> : 클릭 가능한 버튼을 만드는 태그
• <fieldset> : 관련 데이터를 묶는 틀을 만드는 태그
• <legend> : fieldset에서 만들어진 그룹에 이름을 붙여주는 태그
• <datalist> : 사용자가 직접 입력이 가능해진 select list를 만드는 태그

datalist (키보드 입력 가능)

• <output> : 계산이나 사용자의 action 결과를 보여주는 요소 태그다

 

참고 사이트:

https://www.w3schools.com/html/default.asp

HTML Tutorial