> 웹 프론트엔드 > HTML 튜토리얼 > HTML 상호작용

HTML 상호작용

不言
풀어 주다: 2018-04-24 10:05:47
원래의
4529명이 탐색했습니다.

이 기사의 내용은 특정 참조 가치가 있는 HTML의 상호 작용에 관한 것입니다. 이제는 모든 사람과 공유합니다. 도움이 필요한 친구들은 이를 참조할 수 있습니다.

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




1).: 태그는 으로 시작하고 으로 끝나는 쌍으로 나타납니다. ;끝.


2).action: PHP 페이지(save.php)와 같이 뷰어가 입력한 데이터가 전송되는 장소입니다.


3).method: 데이터 전송(가져오기/게시) 방법입니다.


예: method="post" action="save.php"




2. 사용자가 양식에 문자, 숫자 등을 입력하려는 경우 텍스트 입력 상자가 사용됩니다. 텍스트 상자를 비밀번호 입력 상자로 변환할 수도 있습니다.

<form>
   <input type="text/password" name="名称" value="文本" />
</form>
로그인 후 복사

1) 유형:


type="text"인 경우 입력 상자는 텍스트 입력 상자입니다.


type="password"인 경우 입력 상자는 비밀번호 입력 상자입니다.


2)name: 백그라운드 프로그램 ASP 및 PHP에서 사용할 텍스트 상자의 이름을 지정합니다.


3) 값: 텍스트 입력 상자의 기본값을 설정합니다. (일반적으로 프롬프트로 사용됨)
예:



3. user 양식에 큰 텍스트를 입력해야 하는 경우 텍스트 입력 필드를 사용해야 합니다.

<textarea  rows="行数" cols="列数">文本</textarea>
로그인 후 복사


1)로 끝나는 쌍으로 나타납니다.


2)cols: 여러 줄 입력 필드의 열 수입니다.


3)rows: 여러 줄 입력 필드의 행 수입니다.


4) 태그 사이에 기본값을 입력할 수 있습니다.


예:

<textarea cols="50" rows="10">在这里输入内容...</textarea>
로그인 후 복사

4. 라디오 버튼과 체크박스를 사용하여 사용자가

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
로그인 후 복사

1)을 선택할 수 있도록 합니다.


type="radio"일 때 컨트롤은 라디오 버튼입니다


="checkbox", 컨트롤은 체크박스입니다.


2) value: 서버에 데이터를 제출하는 값(백그라운드 프로그램 PHP에서 사용)


3) name: 백그라운드 프로그램 ASP에서 사용할 컨트롤 이름을 지정하고 PHP


4)checked: selected="checked"가 설정되면 이 옵션이 기본으로 선택됩니다.


동일 그룹에 있는 라디오 버튼의 경우 이름 값이 일치해야 하며 값이 일치하지 않을 수 있습니다. , 위의 예에서는 동일한 이름 "radioLove"를 사용하므로 동일한 그룹의 라디오 버튼이 단일 선택으로 작동할 수 있습니다


5. 공간을 절약하려면 드롭다운 목록 상자를 사용하세요

<option value="提交值">选项</option>  设置selected="selected"属性,则该选项就被默认选中。
로그인 후 복사


6. 드롭다운 목록은