[HTML] 컨설팅 양식 작성 방법

입문


안녕하세요.
저는 미래 전자 기술 실습에 참가한 사토시입니다.
프로그래밍 초보자이기 때문에 내용에 오류가 있을 수 있습니다.
만약 잘못이 있으면 수정할 것이니 끊임없이 지적해 주십시오.
이번에는 상담서 작성 방법을 소개해 드리겠습니다.

문의 양식


문의 양식은 열람자가 사이트 소유자에게 메시지를 보낼 수 있는 란을 가리킨다.

그렇습니다.
이 표를 만드는 HTML 코드를 소개하겠습니다.

검색 양식 코드


우선, 제목은 h2 표시를 사용합니다.
제목
<h2>お問い合わせ</h2>
다음은 입력용 표 한 줄을 만듭니다.
여기에서 전체 검색 폼의 div를'contact-form'이라는 클래스로 지정합니다.
모든 폼의 제목은 p 표시로 지정되며, 입력용 폼은 input 표시를 사용하십시오.
단일 행 입력 양식


 <div class="contact-form">

        <p>お名前(必須)</p>
        <input>

        <p>メールアドレス(必須)</p>
        <input>

        <p>佐藤への応援メッセージ(必須)</p>
        <input>

여러 줄 입력 양식의 경우 텍스트 태그를 사용합니다.
여러 줄 입력 양식

<p>お問い合わせ内容(必須)</p>
        <textarea></textarea>
발송 단추를 만들기 위해 아래의 코드를 사용합니다.
보내기 버튼

        <div class="botton">
        <input class="contact-submit" type="submit" value="送信">
        </div>
이것들을 모두 합치면 아래의 코드다.
요약 코드
 <div class="contact-form">

        <p>お名前(必須)</p>
        <input>

        <p>メールアドレス(必須)</p>
        <input>

        <p>佐藤への応援メッセージ(必須)</p>
        <input>

        <p>お問い合わせ内容(必須)</p>
        <textarea></textarea>

        <div class="botton">
        <input class="contact-submit" type="submit" value="送信">
        </div>

        </div>

좋은 웹페이지 즐겨찾기