> 웹 프론트엔드 > HTML 튜토리얼 > HTML 양식 태그를 사용하여 사용자와 상호 작용하는 방법에 대한 예제 튜토리얼

HTML 양식 태그를 사용하여 사용자와 상호 작용하는 방법에 대한 예제 튜토리얼

零下一度
풀어 주다: 2017-05-15 08:58:17
원래의
1707명이 탐색했습니다.

양식 태그를 사용하여 사용자와 상호작용

웹사이트는 어떻게 사용자와 상호작용합니까? 답은 HTML 양식(form)을 사용하는 것입니다. 양식은 뷰어가 입력한 데이터를 서버로 전송할 수 있으므로 서버측 프로그램은 양식을 통해 전달된 데이터를 처리할 수 있습니다.

문법:

<form   method="传送方式"   action="服务器文件">
로그인 후 복사

설명:

1.

: 로 시작하여
으로 끝납니다.

2.action : PHP 페이지(save.php) 등 시청자가 입력한 데이터가 전송되는 곳입니다.

3.방법 : 데이터 전송 방법(get/post)입니다.

<form    method="post"   action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>
로그인 후 복사

참고:

1. 모든 양식 (텍스트 상자, 텍스트 필드, 버튼 을 제어합니다.) 라디오 버튼, 체크박스 등)는

태그 사이에 배치되어야 합니다(그렇지 않으면 사용자가 입력한 정보가 서버에 제출되지 않을 수 있습니다!).

Form의 get 및 post 메소드는 데이터 전송 과정에서 각각 GET 및 POST 메소드에 해당합니다.
둘 사이의 주요 차이점은 다음과 같습니다.

1.Get은 액션이 가리키는 URL 끝에 해당 형식의 데이터를 변수=값 형식으로 추가하며, 둘은 "?"를 사용하여 연결되고 각 변수 는 "&"를 사용하여 연결됩니다. Post는 양식의 데이터를 양식의 데이터 본문에 넣고 이를 액션이 가리키는 URL로 전달합니다. 변수와 값 사이의 대응 방식.
다음 형식:

php.cn/test.
asp
?name=lilian&password=12345678
로그인 후 복사

2. Get은 전송 과정에서 요청한 URL 주소에 데이터가 저장되므로 안전하지 않습니다. 개인정보는 제3자가 볼 수 있습니다.
3. Get 방식으로 전송되는 데이터의 양은 매우 작아 일반적으로 약 2KB로 제한되지만, Post 방식으로 전송되는 데이터의 양은 상대적으로 많지만 실행 효율성은 더 좋습니다. 은(는) 서버가 데이터를 읽기를 기다리고 있지만 바이트 제한도 있습니다. 이는 대용량 데이터가 있는 서버에 대한 악의적인 공격을 피하기 위한 것입니다. Request.Form()은 IIS4에서는 80KB이고 IIS5에서는 80KB입니다.

결론적으로 Post 방식을 사용해 보시기 바랍니다.

[관련 추천]

1. 무료 HTML 온라인 동영상 튜토리얼

html 개발 매뉴얼

3. php.cn 원본 html5 동영상 튜토리얼

위 내용은 HTML 양식 태그를 사용하여 사용자와 상호 작용하는 방법에 대한 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿