양식 제출 코드
1. 소스코드 분석<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width,initial-scale=1.0> <meta http-equiv=X-UA -호환 가능한 콘텐츠=ie=edge> <title>문서</title></head><body><form action=/form.html method=GET> <!-- 작업: 양식 제출 주소 --> <!-- 방법: 정책 제출 방법 --><div class=name> <label for=name>사용자 이름</label> <input type=text name=name id=name placeholder = 사용자 이름을 입력하십시오.> <!-- 자리 표시자는 투명한 프롬프트 텍스트입니다--></div><div class=password> <label for=password>비밀번호</label> <input type=password name=password id= 비밀번호 placeholder=비밀번호를 입력하세요></div><div class=sex> <label for=sex>성별</label> <input type=radio name=sex value=male>남성<input type=radio name=sex value= female>여성</div><div class=city> <label for=city>가장 좋아하는 도시</label> <select name=city id=city> <option value=beijing>베이징</option> <option value=shanghai>상하이</option> <option value=chongqing selected >충칭</option> <!-- selected는 페이지에 표시되도록 선택한 옵션을 나타냅니다.--> </select></div><div class =hobby > <label for=hobby>취미</label> <input type=checkbox name=hobby value=read>독서<input type=checkbox name=hobby value=flower>꽃꽂이<input type=checkbox name=hobby value=sing>Singing<!-- 모든 옵션 이름은 동일해야 합니다--></div><div class=area> <textarea id=area name=area cols=30 Rows=10></textarea></ div> <button>버튼</button><!-- 양식을 제출할 수 있습니다--><input type=submit value=submit> <!-- 양식을 제출할 수 있습니다--><input type=button value=button><!-- 양식을 제출할 수 없습니다--><input type=reset value=reset><!-- 양식에 입력된 내용을 재설정합니다--></form></body> < /html>2. 단말기 운영
터미널 gitbash를 열고 html이 있는 폴더로 전환하세요.
명령줄 http-server를 사용하여 정적 서버를 열면 두 개의 IP 주소가 나타납니다. 127.xxx는 로컬 액세스 주소이고, 125.xxx는 LAN 액세스 주소입니다. (여기서 전제는 nodejs가 설치되어 있고 http-server 서버가 npm으로 설치되어 있다는 것입니다.)
브라우저로 html 파일을 엽니다. 로컬 파일 주소를 바꾸려면 http://127.0.0.1:8080을 사용하십시오.
양식으로 제출된 정보를 보려면 check-network-header를 클릭하세요.
3. get과 post 메소드의 차이점모든 입력 태그에는 이름 속성을 추가해야 합니다. 그렇지 않으면 데이터를 올바르게 수신할 수 없습니다.
위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.