👉Output of the payment form--👆 |
<html>
<head>
<title> payment form </title>
<style>
.body
{
/* align-content: center;
box-sizing:border-box; */
background-image: url(bca3.jpg);
margin: 10px;
padding: auto;
}
*
{
background-color: rgb(204, 224, 177);
font-family:'Times New Roman';
font-size: 20px;
/* background-image: url(shri.jpg); */
background-size: 50%;
font-family: Verdana, Genava, Tahoma, Sans-serif;
margin:15px 30px;
font-size:17px;
padding: 8px;
}
.container{
align-content: center;
background-color: #e1e9c5;
padding: 5px 20px 15px 20px;
border: 1px solid #131313;
border-radius:4px;
}
input
{
width:100%;
padding:12px;
border:1px double2;
border-radius:20px;
margin:10px;
}
fieldset{
background-color:rgb(157, 223, 70);
border:1px solid rgb(199, 117, 117)
}
input[type=submit]{
background-color:#4daea1;
color:white;
padding:12px 20px;
border:none;
border-radius: 10px;
cursor:pointer;
width:100%
}
input[type=submit]:hover{
background-color:#2085b4;
}
</style>
</head>
<body class="body">
<center>
<marquee behavior="#" direction="left">
<h1>--__Hey Register Here___--</h1></marquee>
<form action="" method=get>
<!-- <center> <h1>--Complete Your Payment-- </h1>
</center> -->
<h2> Contact Information</h2>
<p> Required Field are followed by *</p>
<p> Name:* <br><input type=text name=name
required placeholder="Enter your name"></p>
<p>
<fieldset>
<legend> Gender * </legend>
Male<input type=radio name=gender
id=male required> Female <input type=radio
name=gender id=female required>
</fieldset>
</p>
<p> Address: * <br><textarea name=address
id=address cols=20 rows=8 required
placeholder="Enter your address"> </textarea> </p>
<p>Upload Your Resume <br><input type="file"
name="file" id="file"
placeholder="Upload Your Resume">
</p>
<p> Email: * <br><input type=email name=email
id=email required placeholder=" Enter Your email"></p>
<p> Pincode: * <br><xamp
placeholder="Enter Your pincode"
type=number name=pincode id=pincode required></p>
<h2> Payment Information </h2>
<p>Card Type: *<br>
<select name=card_type id=card_type required>
<option value="">--Select a card type--</option>
<option value=visa>Visa</option>
<option value=rupay>Rupay</option>
<option value=mastercard> Master card</option>
</select>
</p>
<p>
card Number * <br><input
placeholder="Enter Your card number"type=number
name=card_number id=card_number required></p>
<p>Expiration Date * <br><input type=date
name=exp_number id=exp_number required></p>
<p>CVV *<br> <input placeholder=cvv type=password
name=cvv id=cvv required> </p>
<input type=submit value="Pay Now">
</form>
</body>
</html>
Comments
Post a Comment