HTML form - 1007

안씅👩🏻‍💻·2022년 10월 7일
0
post-thumbnail

url encoding
: url에 한글 등 특수문자가 포함되어 있는 경우에 %를 사용한 문자들로 변환하는 것.
-> url안에는 아스키 코드만 허용하기 때문에 필요함.

xhtml
: xml + html
: html문법을 엄격하게 적용함.


html forms

<form>
: 웹브라우져에서 웹서버로 데이터를 전달하는 핵심 html 요소
ex) 회원가입 할 때, id p/w 주소 연락처 정보 전달하기.

웹브라우저에서 웹서버 데이터 전송 방법 2가지.
1. html form tag 사용하기.
2. ajax 사용하기.


form tag element <input>

<input> type attribute

  • type="text" : 문자열 형식 데이터 입력 타입
  • type="radio" : 다중일택 형식 데이터 선택 타입
  • type="checkbox" : 다중다택 형식 데이터 선택 타입
  • type="submit" : 입력/선택된 데이터 전송 버튼 타입
  • type="button" : 데이터 전송 버튼 타입

form tag element <label>

<label> type attribute

  • for="value" : value에는 <label>이 가리키느는 tag의 정체정을 구분할 수 있는 값(id) 지정함.
    • <input>에 id로 지정한 value를 for="value" 에 입력해 해당 label이 input과 관련됨을 알려줌.

id, class, name의 차이점.

elementCSS
id중복된 id 사용 불가select 역할 가능
class중복 허용select 역할 가능
name중복 허용select 역할 불가능

id, class, name의 호출법.

id => $('#아이디밸류')
class => $('.클래스밸류')
name => $('[name="네임밸류"]')

profile
그냥 은근슬쩍 살다 가긴 싫어

0개의 댓글