프런트 엔드에 파일 업로드(시작하기)에 대한 포괄적인 기본 읽기 능력 게시물입니다.

머리말

왜 챕터별로 작성하나요? 지식 포인트가 많기 때문에 기초가 부족한 사람들을 배려하여 과거를 되돌아보고 새로운 것을 배울 수 있도록 자세히 소개하기 위해 최선을 다할 것입니다.

처음에는 하나의 기사로 끝내려고 계획했는데, 중간쯤 가보니 나 같은 많은 사람들이 너무 많은 내용을 보고 이미 겁을 먹었다는 사실을 깨달았다. 내용을 모두 이해했기 때문에 필요에 따라 독자들에게 알리기로 했습니다.

왜 챕터 0이 있나요? 너무 기본적이기 때문에 대부분의 사람들은 무시할 수 있습니다. 소수의 초보자나 기억력이 좋지 않은 사람들을 위한 것입니다.

먼저 비즈니스 업로드는 나에게 항상 무서운 일이었고, 이전에는 표준이 없었기 때문에 이에 대한 노출이 상대적으로 적었다는 점을 말씀드리고 싶습니다. 업로드하려면 온갖 종류의 역겨운 호환성 코드를 작성해야 했습니다. , 플러그인은 종종 버그가 발생하기 쉽고 수정할 능력이 없습니다. 오늘날까지 실제 전사는 항상 피비린내 나는 현실에 직면해야하므로 업로드에 대한 지식을 연구하고 요약하기 위해 특별히 문해력 게시물을 열었습니다. 제가 사용해야 하는 몇 가지 API를 살펴보도록 안내하겠습니다.

제로, 기본(지식 포인트는 주로 w3school에서 제공됨)(이미 익숙한 사용자는 이 장을 건너뛰어도 됩니다.)

 <form action= method= ></form>

태그는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다. 양식에는 텍스트 필드, 확인란, 라디오 버튼, 제출 버튼 등과 같은 입력 요소가 포함될 수 있습니다. 양식에는 메뉴, 텍스트 영역, 필드 세트, 범례 및 레이블 요소도 포함될 수 있습니다. 양식은 데이터를 서버로 전송하는 데 사용됩니다.

자세한 내용을 보려면 정보 양식을 클릭하세요.

상표

 <label for=male>남자</label><input type=radio name=sex id=male /><label for=girl>여자</label><input type=radio name=sex id=girl />

label 요소는 사용자에게 특별한 효과를 제공하지 않습니다. 그러나 마우스 사용자의 유용성은 향상됩니다. 이 컨트롤은 레이블 요소 내의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 초점을 돌립니다. 태그의 for 속성은 관련 요소의 id 속성과 동일해야 합니다.

자세한 내용을 보려면 정보 라벨을 클릭하세요.

입력

 <입력 유형=텍스트 이름=fname/><입력 유형=비밀번호 이름=비밀번호><입력 유형=체크박스 이름=자전거><입력 유형=체크박스 이름=자동차><입력 유형=라디오 확인=선택한 이름=성별값= 남성/><입력 유형=라디오 이름=성별 값=여성/><이름 선택=자동차> <옵션 값=볼보>볼보</옵션> <옵션 value=saab>사브</option> <option value=fiat>피아트</option> <option value=audi>아우디</option></select><textarea 행=10 cols=30>

태그는 사용자 정보를 수집하는 데 사용됩니다. 입력 필드는 type 속성 값에 따라 다양한 형태를 갖습니다. 입력 필드는 텍스트 필드, 체크박스, 코딩된 텍스트 컨트롤, 라디오 버튼, 버튼 등이 될 수 있습니다.

자세한 사항은 입력을 눌러주세요

 <입력 유형=제출 값=제출>

Submit 객체는 HTML 양식의 제출 버튼을 나타냅니다. 양식이 제출되기 전에 onclick 이벤트 핸들러가 트리거되고 핸들러는 fasle을 반환하여 양식 제출을 취소할 수 있습니다.

submit: 양식 데이터를 웹 서버에 제출합니다. 이 메소드는 사용자가 제출 버튼을 클릭한 것과 동일한 방식으로 양식을 제출하지만 양식의 onsubmit 이벤트 핸들러는 호출되지 않습니다.

자세한 내용을 보려면 제출을 클릭하세요.

 <button type=button>나를 클릭하세요!</button>

버튼 요소 내부에는 텍스트나 이미지와 같은 콘텐츠를 배치할 수 있습니다. 이것이 이 요소와 입력 요소를 사용하여 생성된 버튼의 차이점입니다.

<input type=button>에 비해 <button> 컨트롤은 더 강력한 기능과 풍부한 콘텐츠를 제공합니다. 태그 사이의 모든 내용은 텍스트나 멀티미디어 콘텐츠와 같이 허용되는 본문 콘텐츠를 포함하여 버튼의 콘텐츠입니다. 예를 들어 버튼에 이미지와 관련 텍스트를 포함하고 이를 사용하여 버튼에 매력적인 마크업 이미지를 만들 수 있습니다.

유일하게 금지되는 요소는 이미지 맵입니다. 마우스와 키보드에 민감한 동작이 양식 버튼의 동작을 방해하기 때문입니다.

항상 버튼의 유형 속성을 지정하십시오. Internet Explorer의 기본 유형은 버튼인 반면 다른 브라우저(W3C 사양 포함)의 기본값은 제출입니다.

(중요: HTML 양식에서 버튼 요소를 사용하는 경우 브라우저마다 다른 값을 제출합니다. Internet Explorer는 <button>과 <button/> 사이에 텍스트를 제출하는 반면, 다른 브라우저는 값 속성의 내용을 제출합니다. 버튼을 생성하려면 HTML 양식의 입력 요소를 사용하세요.)

자세한 내용을 보려면 정보 버튼을 클릭하세요.