목록input (2)

수학과의 좌충우돌 프로그래밍

[html] input 파일 첨부시 파일 확장자 제한하기

input 태그로 파일을 첨부하게 할 수 있는데 예상치 못한 이슈가 생겼습니다. 사용자의 사진을 첨부받을 목적으로 만들었는데 엑셀, 텍스트 파일, 비디오 파일 등 예상치못한 파일을 첨부하는 일이 발생했습니다. 다행히도 input 의 accept속성을 통해서 확장자를 제한할 수 있었습니다. 여러 개의 확장자를 원할 경우 , 로 연결해주면 됩니다. 자주 사용하는 확장자에 대해서 정리를 해보았습니다. Excel Files (.xls) Excel Files (.xlsx) Text Files (.txt) Image Files (.png/.jpg/etc) HTML Files (.htm,.html) Video Files (.avi, .mpg, .mpeg, .mp4) Audio Files (.mp3, .wav, etc..
웹프로그래밍/html,css 2019. 7. 8. 14:01
[html]input의 필수값을 지정하는 required

개발자가 의도한 대로만 사용자가 움직여주면 좋겠지만 실상은 그렇지 않습니다. 예상치도 못한 버그를 많이 생산? 해내며 이를 사전에 예방 해줘야 합니다. input 태그가 있지만 사용자가 무시하고 submit을 해버린다면 해당 input의 데이터는 존재하지 않을 것입니다. 하지만 아이디, 패스워드 등 주요한 input 이라면 꼭 입력값을 받아줘야 합니다. 필수 input 폼을 채우지 않았을 경우, 재출버튼을 눌렀을 때 경고창을 띄워주면 이러면 문제를 사전에 예방할 수 있습니다. 이는 별도의 js 없이 html 만으로 구현이 가능합니다. 아이디: 다음과 같이 input 태그 안에 required 를 추가해주면 해당 input을 입력하지 않고 제출을 누를 시 경고창이 뜨게 됩니다. 남성 여성 이번에는 여러 개..
웹프로그래밍/html,css 2019. 6. 25. 00:03
Prev 1 Next

티스토리툴바