Tryit Ajax - Free-Learn

<!DOCTYPE html>
<html>
<head>
<script src="https://files.free-learn.ir/Tryit/javascript/ajax/files/sweetalert.js"></script>
<style>

*{
 box-sizing: border-box;
}

body{
 background-color:#f2f2f2;
 direction:rtl;
 font-family:tahoma;
}

input[type=text]{
 width: 100%;
 padding: 12px;
 border: 2px solid #576773;
 border-radius: 4px;
 resize: vertical;
 font-family:tahoma;
 font-size:13px;
}

label{
 padding: 12px 12px 12px 0;
 display: inline-block;
 font-family:tahoma;
}

input[type=submit]{
 background-color: #FF5722;
 color: white;
 padding: 12px 20px;
 border: none;
 border-radius: 4px;
 cursor: pointer;
 width:100%;
}

input[type=submit]:hover{
 background-color: #45a049;
}

button[type=button]{
 background-color: #FF5722;
 color: white;
 padding: 12px 20px;
 border: none;
 border-radius: 4px;
 cursor: pointer;
 width:100%;
}

button[type=button]:hover{
 background-color: #45a049;
}

.container{
 border-radius: 5px;
 background-color: #fff;
 box-shadow: 2px 5px 30px rgba(0,0,0,.1);
 padding: 20px;
 max-width:500px;
 margin:20px auto;
}

.col-100{
 float: left;
 width: 100%;
 margin-top: 6px;
}

.row:after{
 content: "";
 display: table;
 clear: both;
}

#Result{
 text-align:center;
 font-size:15px;
}

</style>
</head>
<body>

<h3 style="text-align:center;">نام و ایمیل تان را وارد نمایید</h3>

<div class="row">
 <div class="col-100">
  <input type="text" id="UserName" placeholder="نام شما در اینجا">
 </div>
 <div class="col-100">
  <input type="text" id="UserEmail" placeholder="ایمیل شما در اینجا">
 </div>
</div>
<div class="row">
 <br>
 <button type="button" onclick="MyLoad();">ارسال</button>
</div>
<br>
<p id="Result"></p>

</div>

</script>

</body>
</html>

Www.Free-Learn.Ir