2016. 12. 20. 18:47
Form and Input Tag Javascript & HTML & CSS/HTML & CSS2016. 12. 20. 18:47
form tag 속성 정리
- action : 폼을 전송할 서버 쪽 스크립트 파일을 지정합니다.
- name : 폼을 식별하기 위한 이름을 지정합니다.
- accept-charset : 폼 전송에 사용할 문자 인코딩을 지정합니다.
- target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정합니다.
- method : 폼을 서버에 전송할 http 메소드를 정합니다. (GET 또는 POST)
input tag 속성 정리
- type : 태그 모양을 다양하게 변경할 수 있습니다. type에는 text, radio, checkbox, password, button, hidden, fileupload, submit, reset 등을 지정할 수 있습니다.
- name : 태그 이름을 지정합니다.
- readonly : 태그를 읽기전용으로 합니다.
- maxlength : 해당 태그 최대 글자 수를 지정합니다.
- required : 해당 태그가 필수태그로 지정됩니다. 필수 태그를 입력하지 않고, submit 버튼을 누르면 에러메시지가 웹 브라우저에 출력됩니다. (HTML5 추가사항)
- autofocus : 웹 페이지가 로딩되자마자 이 속성을 지정한 태그로 포커스가 이동됩니다. (HTML5 추가사항)
- placeholder : 태그에 입력할 값에 대한 힌트를 줍니다. (HTML5 추가사항)
- pattern : 정규표현식을 사용하여 특정범위 내의 유효한 값을 입력받을 때 사용합니다. (HTML5 추가사항)
'Javascript & HTML & CSS > HTML & CSS' 카테고리의 다른 글
position 정리 (0) | 2017.01.04 |
---|