CSS 문의 양식 디자인 36개

[gyun님]

제목에는 등록 양식이라고 나와 있지만 기본적으로는 문의 양식입니다. 이전 연락처 양식 디자인이 마음에 들지만 시각적으로 매력적인 요소를 기대했다면 이 V23 양식이 깊은 인상을 줄 것입니다. 기본 양식 자체가 크기 때문에 한 곳에 긴 내용을 추가할 수 있는 공간이 충분합니다. 또한 텍스트가 더 크고 굵게 표시되므로 이 문의 양식에서는 가독성도 좋습니다. 호버 효과와 입력 상자 애니메이션 효과는 디자인에 풍성함을 더해줍니다. 전반적으로 V23은 모든 웹사이트에서 쉽게 사용할 수 있는 잘 실행된 CSS 문의 양식 디자인입니다.

[ Though the title says it is a registration form, it is primarily a contact form. If you like the previous contact form design, but expected some visually appealing elements in it, this V23 form will impress you. The default form itself is big so that you have plenty of space to add long content in one place. Plus the texts are made bigger and bolder so the readability is also good in this contact form. Hover effects and input box animation effects add richness to the design. Overall the V23 is a well-executed CSS contact form design that can be used easily on any website. ]

CONTACT US  tag

<form action="">
<h3>Contact Us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
<label class="form-group">
<input type="text" class="form-control" required="">
<span>Your Name</span>
<span class="border"></span>
</label>
<label class="form-group">
<input type="text" class="form-control" required="">
<span for="">Your Mail</span>
<span class="border"></span>
</label>
<label class="form-group">
<textarea name="" id="" class="form-control" required=""></textarea>
<span for="">Your Message</span>
<span class="border"></span>
</label>
<button>Submit
<i class="zmdi zmdi-arrow-right"></i>
</button>
</form>

[gyun님]

https://uicookies.com/css-contact-form/ & https://www.w3schools.com/css/tryit.asp?filename=trycss_default