HTML 양식 속성

HTML은 내장 요소를 사용하여 웹 양식을 구축할 수 있도록 매우 강력한 지원을 제공합니다. 웹 양식은 클라이언트 측이나 사용자 측에서 가장 많이 사용되는 기능입니다. HTML은 주로 양식을 디자인하는 데 사용되는 요소입니다. 전체 양식이 디자인되는 기본 요소 또는 상위 요소입니다. 그런 다음 다양한 속성을 사용하여 양식을 전체 문서로 디자인할 수 있습니다. 이 HTML 양식 속성 문서에서는 간단한 양식을 디자인하고 요소와 함께 사용할 수 있는 다양한 속성을 제공합니다.

HTML 양식 속성 HTML 양식 요소는 다양한 방식으로 사용될 수 있으며, , , , 등과 같은 기존의 다양한 HTML 요소와 함께 사용할 수 있습니다. 과 함께 사용할 수 있는 다양한 속성이 있습니다. 요소. 간단한 웹 양식을 단계별로 디자인하여 살펴보겠습니다.

1. 이름 속성 코드 :

First Name: 출력 :

이름을 간단하게 입력하는 간단한 양식이 있습니다. name 속성은 형식과 함께 사용됩니다. 입력을 이름으로 선언하는 요소입니다. 이 속성은 HTTP를 사용하여 네트워크를 통해 양식 데이터를 보낼 때 유용합니다. 요청을 보낼 때 속성 이름과 해당 값이 HTTP 요청에 추가됩니다. 이 정보는 서버측에서 데이터를 처리하는 데 사용됩니다.

2. 액션 속성 양식을 제출할 수 있도록 예시에 제출 버튼을 추가해 보겠습니다.

코드 :

First Name: 출력 :

제출 버튼을 클릭하여 양식을 제출하려고 하면 작동하지 않습니다. 코드를 보면 양식을 제출할 때 수행할 작업이나 작업이 없습니다. 여기에서 속성이 그림에 나타납니다. 몇 가지 추가 입력 필드와 함께 예시의 요소입니다.

코드 :

First Name:

Last Name:

Email:

출력 :

그래서 양식을 제출할 때 양식 데이터가 URL 내에서 어떻게 전송되는지 확인할 수 있도록 성 및 이메일이라는 두 개의 입력 요소를 더 추가했습니다. 또한 양식 요소에 값이 "action.html"인 속성입니다. 따라서 양식을 제출할 때마다 URL은 작업 속성 아래의 웹페이지나 리소스로 리디렉션되고, 이와 함께 양식 데이터도 제출됩니다.

양식을 그대로 제출하려고 하면 파일을 찾을 수 없다는 오류가 나오겠지만, 데이터 처리는 지금 우리가 배울 수 있는 범위가 아니기 때문에 괜찮습니다. 그러나 리디렉션된 URL이 표시되면 양식 제출에 기본적으로 get 메소드가 사용되기 때문에 제출된 필드를 값과 함께 볼 수 있습니다.

3. 메소드 속성 따라서 HTTP 요청은 get, post, put, delete 등과 같은 다양한 방법을 사용하여 이루어질 수 있습니다. method 속성은 양식 제출에 사용되는 방법을 지정하는 데 사용됩니다. 이전 예에서는 기본 get 메소드를 사용하여 요청을 보냈습니다. 메소드 속성을 사용하여 특정 메소드를 지정할 수 있습니다.

예

위 예시에서 양식 요소를 위와 같이 수정하면 됩니다. 이제 요청은 게시물 요청으로 이루어지며, 필드와 해당 값을 볼 수 없습니다.

4. 값 속성 값 속성은 필드에서 양식의 초기 값을 설정하는 데 사용됩니다. 양식이 로드되면 할당된 값이 사용자가 변경할 수 있는 사용자 페이지에 기본값으로 표시됩니다.

예제에 값 속성을 추가해 보겠습니다.

코드 :

First Name:

Last Name:

Email:

출력 :

5. 자동완성 속성 HTML 자동 완성 속성은 양식 요소와 함께 자동 완성 기능을 활성화하거나 비활성화하는 데 사용됩니다. 이 기능은 기본적으로 ON으로 제공됩니다. 이것이 바로 이전 예에서 자동 완성 제안을 볼 수 있는 이유입니다. 아래와 같이 양식 요소에 이 속성을 추가할 수 있습니다.

코드 :

First Name:

Last Name:

Email:

출력:

자동완성이 꺼져 있으면 추천 항목이 표시되지 않으며, 기본적으로 켜져 있습니다.

Fazit Wir haben also die meisten verfügbaren und wichtigen HTML-Formularattribute gesehen, die wir beim Erstellen der Webformulare verwenden können. Wir haben Formularattribute wie Aktion, Methode, automatische Vervollständigung usw. gesehen. Diese HTML-Formularattribute erleichtern die Implementierung verschiedener Arten von Funktionen zur Entwicklung und Gestaltung intuitiver Webformulare. Sie ermöglichen Flexibilität, sodass Formulare auf die gewünschte Weise gestaltet werden können. Die Webformulare können auf verschiedene Arten gestaltet werden und HTML-Formularelemente bilden ihr Rückgrat.

HTML 양식 속성

HTML 양식 속성

2. 액션 속성

3. 메소드 속성

4. 값 속성

5. 자동완성 속성

Fazit

관련 기사