본문 바로가기

그 외

HTML - form / input

<form>

웹 서버에 정보를 제출하기 위한 양식 범위를 정의

속성 의미 기본값
action 전송한 정보를 처리할 웹페이지의 URL URL  
autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off on
method 서버로 전송할 HTTP 방식 GET, POST GET
name 고유한 양식의 이름    
novalidate 서버로 전송시 양식 데이터의 유효성을 검사하지 않도록 지정    
target 서버로 전송 후 응답받을 방식을 지정 _self, _blank _self

method

- GET : 입력 값이 주소창에 그대로 노출됨.

- POST : 입력 값이 주소창에 노출되지 않음. (완벽히 숨기는 건 아니기에 전송 시 암호화 과정을 거치게 함.)

 

 

</input>

속성 의미 기본값 특징
autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off on  
autofocus 페이지가 로드될 때 자동으로 포커스 Boolean   문서 내 고유해야 함
checked 양식이 선택되었음을 표시 Boolean   type 속성 값이 radio, checkbox일 경우만
form <form>의 id 속성 값     해당 <form>의 후손이 아닐 경우만
name 양식의 이름      
type 입력 받을 데이터의 종류 별도 정리 text  

type 속성에 입력할 수 있는 값의 목록

- button

- checkbox   ex.동의

- email

- file

- password

- submit

- text

'그 외' 카테고리의 다른 글

아이오닉 (Ionic)  (0) 2020.07.24
SQL에서 궁금한 것(해결)  (0) 2020.06.19
원소를 무한히 저장하는 ArrayList 구현하기  (0) 2020.06.04
리액트와 SPA  (0) 2020.06.02
200526 - 읽은 책 출력 (ArrayList 사용)  (0) 2020.05.26