HTML 상호작용

不言원래의: 2018-04-24 10:05:474521검색

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

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

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

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) 값: 텍스트 입력 상자의 기본값을 설정합니다. (일반적으로 프롬프트로 사용됨)
예: 09b69c7aa013e7537e15044b9199ac53
7584d201bd587e7cc9188d10ec66500e

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

<textarea  rows="行数" cols="列数">文本</textarea>

1)4750256ae76b6b9d804861d8f69e79d3 태그는 4750256ae76b6b9d804861d8f69e79d3로 시작하고 40587128eee8df8f03d0b607fe983014로 끝나는 쌍으로 나타납니다.

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

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

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

예:

<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. 드롭다운 목록은 221f08282418e2996498697df914ce4e에서 다중 선택 작업을 수행할 수도 있습니다. 태그에 multiple="multiple" 속성을 설정하면 Windows 운영 체제에서는 Ctrl 키를 누르고 클릭하면 다중 선택 기능을 구현할 수 있습니다. 여러 옵션을 선택하는 동시에(Mac에서는 Command + 클릭 사용) 여러 옵션을 선택할 수 있습니다.

예:

<select multiple="multiple">

7. 사용자가 서버에 양식 정보를 제출해야 하는 경우 제출 버튼을 사용해야 합니다.

<input   type="submit"   value="提交">

type: 유형 값을 submit으로 설정한 경우에만 버튼을 submit할 수 있습니다.
value: 버튼에 표시되는 텍스트

8 재설정 버튼을 사용하여 입력 상자를 복원할 수 있습니다. 초기 상태. 유형을 "재설정"으로 설정하면 됩니다.

<input type="reset" value="重置">

9. 라벨 라벨은 사용자에게 특별한 효과를 제공하지 않으며 마우스 사용자의 사용성을 향상시키는 역할을 합니다. 이 컨트롤은 레이블 내부의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하기 위해 클릭하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 포커스를 돌립니다(자동으로 레이블과 관련된 양식 컨트롤을 선택합니다).
태그의 for 속성 값은 해당 컨트롤의 id 속성 값과 동일해야 합니다.
레이블의 기능은 "남성"이라는 단어를 클릭하는 것이 "남성" 뒤에 있는 점을 클릭하는 것과 동일하다는 것입니다.

HTML 상호작용

관련 기사