마지막으로 과정을 학습 여기 에세이의 일부를 기록합니다 후, 프론트 엔드의 지식을 배우기로 결정했다. HTML, CSS, 그가 접촉을했지만, 학습, 깊은 충분히에 충실 희망이 시간이 아니다 주니어의 3 개 국어의 자바 스크립트 프론트 엔드.
학습은 물론 알려진 거의 기사에 따라 작성 https://www.zhihu.com/question/30180100/answer/156399333 배울 수있는이 라인에 따라.
코스 목표 :
아마 웹 무엇인지, 무엇을 HTML, CSS, 자바 스크립트입니다
HTML : 마크 업 언어
CSS : 언어 스타일의 제공
자바 스크립트 : 페이지는 몇 가지 동적 효과를 추가합니다
HTML5 :의 일반적인 표준 HTML
XHTML : XML, XML과 호환 HTML은 하이브리드, 문법의 엄격한 요구 사항
1. 일반적인 HTML 태그
2. 양식
폼 요소는 입력 요소, 체크 박스, 라디오 버튼의 종류를 참조 전송 버튼
2.1 입력 요소
- 텍스트 입력
텍스트 입력을 위해 정의 된 단일 라인 입력 필드 <input 타입 = "텍스트">
- 라디오 버튼
입력 <input 타입 = "무선"> 정의 라디오 버튼
- 제출 버튼을
<입력 유형 = "제출"> 폼 처리 프로그램 양식을 제출하기위한 버튼을 정의하는 결정 (핸들러)
2.2 동작 속성
행동 양식을 제출하는 시점에 정의 된 액션 속성을 실행하는 서버의 일반적인 관행에 양식을 제출하면 보통, 양식이 웹 서버에 웹 페이지에 제출되며, 제출 버튼을 사용하는 것입니다. 당신이 action 속성을 생략하면 작업이 현재 페이지로 설정됩니다.
<form 조치 = "action_page.php">
2.3 방법 등록
방법은 제출 양식은 HTTP를 사용할 때 지정 속성 방법 (GET 또는 POST)
<form 조치 = "action_page.php"METHOD = "GET"> <form = 동작 방법 "action_page.php"= "POST">
때 GET 및 게시물을 사용 하는가?
사용 GET :
양식 제출 (예 : 검색 엔진 쿼리 등) 수동 및 민감한 정보 인 경우. 당신은 GET을 사용하는 경우, 페이지의 주소 표시 줄에 폼 데이터를 볼 수 있습니다.
사용 POST : 데이터 양식을 업데이트하거나 민감한 정보 (예를 들어, 암호)가 포함되는 경우. 페이지의 주소 표시 줄에 제출 한 데이터가 표시되지 않는 때문에 POST 보안, 더 많은 것이다.
2.4 Name 속성
제대로 제출하려면, 각 입력 필드에 이름 속성을 설정해야합니다. 다음의 예는 "성"입력 필드를 제출한다 :
<form 조치 = "action_page.php"> 성 :로 <br> <input 타입 = "텍스트"값 = "미키"> 로 <br> 성 :로 <br> <input 타입 = "텍스트"NAME = "LASTNAME" 값 = "마우스"> 로 <br>로 <br> <입력 유형 = "제출"값을 "제출"=> </ FORM>
2.5 <fieldet> 조성물 폼 데이터
<FIELDSET> 데이터의 조합, <범례> <FIELDSET> 엘리먼트를 정의 헤더의 요소의 형태로 소자.
<form 조치 = "action_page.php"> <FIELDSET> <범례> 개인 정보 </ 범례> 성 :로 <br> <input 타입 = "텍스트"이름 = "FIRSTNAME"값 = "미키"> 로 <br> 성 :로 <br> <입력 유형 = "텍스트"이름 = "LASTNAME"값 = "마우스"> 로 <br>로 <br> <입력 유형 = 값 "제출"= "제출"> </ FIELDSET> </ 양식을 >
3. 양식 요소
3.1
- <입력> 요소
- <선택> 요소
- <옵션> 요소를 선택할 수있는 옵션을 정의합니다. 목록은 일반적으로 첫 번째 옵션 선택 옵션으로 나타납니다
- <텍스트 영역> 요소는 여러 줄 입력 필드 (텍스트 필드)를 정의
- <버튼> 요소는 클릭 가능한 버튼을 정의
3.2 HTML5 폼 요소
HTML5는 다음과 같은 형태의 요소를 추가합니다 :
-
- <DataList에>
- <Keygen은>
- <출력>
<데이터 목록> 요소는 데이터를 입력 할 때 미리 옵션 <input>의 목록은 사용자가 미리 정의 된 옵션의 드롭 다운리스트를 볼 요소를 지정한다.
<입력> 요소 목록 속성은 id 속성에 <DataList에> 요소를 참조해야합니다 (직접 옵션 드롭 다운 상자, 당신은 또한 수동으로 다른 텍스트를 입력 할 수 있습니다 선택)
<양식 액션 = "action_page.php"> <입력리스트 = "브라우저"> <DataList에 ID = "브라우저"> <옵션 값 = "인터넷 익스플로러"> <옵션 값 = "파이어 폭스"> <옵션 값 = "크롬" > <옵션 값 = "오페라"> <옵션 값 = "사파리"> </ DataList에> </ FORM>
4. 입력 요소 입력 타입
-
본문
-
암호
-
제출
-
라디오 라디오 버튼
-
체크 박스 체크 박스
-
단추
-
번호
-
데이트
<form>
생년월일 :
<입력 TYPE = "날짜" NAME = "bday">
</ FORM>
-
색깔
-
범위
-
달
-
주
-
시각
-
날짜 시간
-
날짜 로컬
-
이메일
-
검색
-
전화
<form>
전화 :
<입력 TYPE = "TEL" NAME = "usrtel">
</ FORM>
-
URL
5.input 속성
- 소정 입력 필드의 초기 값 : value 속성
- 읽기 전용 속성 : 지정 읽기 전용하지 않은 입력 필드 (변화 없음)
- disabled 속성 : 입력 필드가 비활성화를 지정, 장애인 요소는 사용할 수 없으며, 장애인 요소가 제출되지 클릭 할 수 없습니다
- 크기 특성 : 입력 필드 중 소정의 크기 (문자)
- 소정 입력 필드의 최대 허용 길이 : 최대 길이 속성
- HTML5는 다음과 같은 속성을 추가
-
- 자동 완성
- 자동 초점
- 형태
- formAction
- formenctype
- 양식 방법
- formnovalidate
- formtarget
- 높이 폭 和
- 명부
- 최소 및 최대
- 배수
- 패턴 (정규식)
- 자리 표시 자
- 필요
- 단계
현장 방문 항에 과정
IP 주소는 : 숫자의 문자열은 63.245.217.105로, 기억하기 쉬운 그런 아니다
域名:由于IP地址不容易记忆,故出现了DNS域名系统,比如mozilla.org,DNS就是可以将你输入浏览器的地址(像 "mozilla.org")与实际 IP 地址相匹配的特殊的服务器