<!DOCTYPE html>
Economic Crisis Survey
<br> body {<br> background-color: #f2f2f2;<br> font-family: Arial, sans-serif;<br> margin: 0;<br> padding: 0;<br> }<br> header {<br> background-color: #333;<br> color: #fff;<br> padding: 10px;<br> text-align: center;<br> }<br> h1 {<br> margin-top: 0;<br> }<br> .container {<br> background-color: #fff;<br> border-radius: 5px;<br> box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);<br> margin: 20px auto;<br> padding: 20px;<br> width: 80%;<br> max-width: 600px;<br> }<br> label {<br> display: block;<br> font-weight: bold;<br> margin-top: 10px;<br> }<br> input[type="text"],<br> input[type="email"],<br> input[type="number"],<br> select,<br> textarea {<br> width: 100%;<br> padding: 10px;<br> margin-top: 5px;<br> border: 1px solid #ccc;<br> border-radius: 4px;<br> }<br> textarea {<br> height: 100px;<br> }<br> button {<br> background-color: #333;<br> border: none;<br> color: #fff;<br> padding: 10px 20px;<br> margin-top: 10px;<br> border-radius: 4px;<br> cursor: pointer;<br> }<br>
Economic Crisis Survey
Full Name:
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="age">Age:</label>
<input type="number" id="age" name="age" required>
<label for="gender">Gender:</label>
<select id="gender" name="gender" required>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
<label for="impact">How has the economic crisis impacted you:</label>
<textarea id="impact" name="impact" required></textarea>
<label for="government-response">Opinion on government response:</label>
<textarea id="government-response" name="government-response" required></textarea>
<label for="solutions">Suggestions for economic recovery:</label>
<textarea id="solutions" name="solutions" required></textarea>
<label for="support">Do you think more support is needed:</label>
<input type="radio" id="support-yes" name="support" value="Yes" required>
<label for="support-yes">Yes</label>
<input type="radio" id="support-no" name="support" value="No" required>
<label for="support-no">No</label>
<label for="newsletter">Subscribe to our newsletter:</label>
<input type="checkbox" id="newsletter" name="newsletter" value="Yes">
<button type="submit">Submit</button>
</form>
</div>
Top comments (0)