양식이 작동하지 않습니다.

Question

양식을 만들었지 만 제대로 작동하지 않습니다. 양식이 모달 창 안에 있습니다. 아마도 문제입니까?

Fiddle

어떻게 내가 버튼 내 전자 mailadress에 정보를 보낼 수 있을까요? 누군가 나를 도울 수 있기를 바랍니다.

되는 HTML

<div class="modal-inner"> 

      <form class="cbp-mc-form"> 
<div class="cbp-mc-column"> 
    <label for="first_name">Voornaam</label> 
    <input type="text" id="first_name" name="first_name" placeholder="Jan"> 
    <label for="last_name">Achternaam</label> 
    <input type="text" id="last_name" name="last_name" placeholder="van Dijk"> 
    <label for="email">E-mailadres</label> 
    <input type="text" id="email" name="email" placeholder="jandemeubelman@gmail.com"> 
    <label for="bio">Vraag</label> 
    <textarea id="bio" name="bio"></textarea> 
</div> 
<div class="cbp-mc-submit-wrap"><input class="cbp-mc-submit" type="submit" value="Verzenden" /></div> 
<br><br></form></div> 

.cbp-mc-form { 
position: relative; 
} 

.cbp-mc-form:before, 
.cbp-mc-form:after { 
content: " "; display: table; 
} 

.cbp-mc-form:after { 
clear: both; 
} 

.cbp-mc-column { 
width: 90%; 
padding: 10px 30px; 
float: left; 
} 

.cbp-mc-form label { 
display: block; 
padding: 40px 5px 5px 2px; 
font-size: 1.1em; 
text-transform: uppercase; 
letter-spacing: 1px; 
cursor: pointer; 
} 

.cbp-mc-form input, 
.cbp-mc-form textarea, 
.cbp-mc-form select { 
font-family: 'Lato', Calibri, Arial, sans-serif; 
line-height: 1; 
font-size: 1.4em; 
padding: 5px 5px; 
color: #fff; 
display: block; 
width: 100%; 
background: transparent; 
} 

.cbp-mc-form input, 
.cbp-mc-form textarea { 
border: 3px solid #fff; 
width: 100%; 
} 

.cbp-mc-form textarea { 
min-height: 100px; 
} 

.cbp-mc-form input:focus, 
.cbp-mc-form textarea:focus, 
.cbp-mc-form label:active + input, 
.cbp-mc-form label:active + textarea { 
outline: none; 
border: 3px solid #10689a; 
} 

.cbp-mc-form select:focus { 
outline: none; 
} 

::-webkit-input-placeholder { /* WebKit browsers */ 
color: #10689a; 
font-style: italic; 
} 

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #10689a; 
font-style: italic; 
} 

::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #10689a; 
font-style: italic; 
} 

:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #10689a; 
font-style: italic; 
} 

.cbp-mc-submit-wrap { 
text-align: center; 
padding-top: 20px; 
clear: both; 
} 

.cbp-mc-form input.cbp-mc-submit { 
background: #10689a; 
border: none; 
color: #fff; 
width: auto; 
cursor: pointer; 
text-transform: uppercase; 
display: inline-block; 
padding: 15px 15px; 
font-size: 1.1em; 
border-radius: 2px; 
letter-spacing: 1px; 
} 

.cbp-mc-form input.cbp-mc-submit:hover { 
background: #1478b1; 
} 

@media screen and (max-width: 70em) { 
.cbp-mc-column { 
    width: 50%; 
} 
.cbp-mc-column:nth-child(3) { 
    width: 100%; 
} 
} 

@media screen and (max-width: 48em) { 
.cbp-mc-column { 
    width: 100%; 
    padding: 10px; 
} 
} 

어떻게 내가 버튼 내 전자 mailadress에 정보를 보낼 수 있도록 않는 CSS? 누군가 나를 도울 수 있기를 바랍니다.

Answer 1

요청을 수락하려면 서버 쪽 해결책이 필요합니다. 선택에 따라 "메일 전송"코드를 작성할 수 있습니다. 당신은 끝 또는 서버 측 코드를 다시 필요 http://www.freecontactform.com/email_form.php

Answer 2

모두를 가질 수 있습니다

HTML 양식에 대한

간단한 예는

여기

<form action="demo_form.asp" method="get"> 
    First name: <input type="text" name="fname"><br> 
    Last name: <input type="text" name="lname"><br> 
    <input type="submit" value="Submit"> 
</form> 

는 서버 측 sollution PHP를 사용하여 간단한 예이다 제출 전자 메일을 모두에게 보내는 응용 프로그램 논리 전자 메일을 보내고 양식 태그를 추가하는 데 사용할 백엔드 코드를 하나 작성하여 그 내부에 작업 속성 (예 : 가져 오기 또는 게시)을 사용하십시오.

좋아 :

<form action="backend file name" method="get or post"> 
    //your all code and controls 
    <input type="submit"> 
</form> 

당신이 메일을 전송하기위한 클래스를 사용하여 서블릿 코드를 사용 후 사용하는 경우.

. NET을 사용하는 경우 C# 또는 다른 지원되는 코드를 사용하십시오.

등입니다.

Answer 3

확인 -

http://www.html-form-guide.com/email-form/email-form-mailto.html은 또한 당신은 입력 필드를 작성하는 동안 흰색 배경에 흰색 텍스트를 얻었다.