If you want to make picnic form with simple html and css this where you are in write place.
Form
Form for Picnic tour
![](https://scontent.fpat3-2.fna.fbcdn.net/v/t1.6435-9/101576061_126858662362904_5604900074665541632_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=e3f864&_nc_ohc=9VfVVH_1Ru8AX9f6XlS&_nc_ht=scontent.fpat3-2.fna&oh=00_AfDHX_P9hPI7gWOj47rKW1kRj6yLNX7EODrQ79NV8IPq1g&oe=63BA2882)
The source code is..... but wait don't copy and past it. other ways you will never learn to code try to understand the code and copy by writing the code with own finger means with own keyboard Okay.
<html lang="en">
<head>
<meta charset="UTF-8"></meta>
<meta content="IE=edge" http-equiv="X-UA-Compatible"></meta>
<meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
<title>Form</title>
</head>
<body>
<div>
<h1>Form for Picnic tour</h1>
<form action="form.php">
<input placeholder="Enter Your Name" type="text" /><br />
<label for="sectionida">
<input id="sectionida" name="section" type="radio" value="Section a" /> Section A
</label>
<label for="sectionidb">
<input id="sectionidb" name="section" type="radio" value="Section b" /> Section B
</label>
<label for="sectionidc">
<input class="red blue" id="sectionidc" name="section" type="radio" value="Section c" /> Section C
</label><br />
<input class="red" id="foodcanteen" name="canteen" type="checkbox" />
<label for="foodcanteen">Want Food Canteen card</label><br />
<!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input -->
<textarea cols="30" id="explain" name="explain" placeholder="Explain why you want to join " rows="10"></textarea>
<select id="car" name="car">
<option value="no-food">Select your food</option>
<option value="vegitarian">vegitarian</option>
<option value="Non-veg">Non-veg</option>
<option value="vegan">vegan</option>
</select>
</form>
</div>
<div class="pic" ><img src="https://scontent.fpat3-2.fna.fbcdn.net/v/t1.6435- 9/101576061_126858662362904_5604900074665541632_n.jpg?_nc_cat=104&ccb=1- 7&_nc_sid=e3f864&_nc_ohc=9VfVVH_1Ru8AX9f6XlS&_nc_ht=scontent.fpat3- 2.fna&oh=00_AfDHX_P9hPI7gWOj47rKW1kRj6yLNX7EODrQ79NV8IPq1g&oe=63BA2882" width="150px" alt=""> </div>
</body>
<input type="Reset" value="Reset"/>
<input type="submit" value= "submit"/>
</html>
Comments
Post a Comment