Scribd
Upload
2 views

Create an HTML Form With Radio Button

The document is an HTML code for a professional form that includes a text input for name, a dropdown list for age selection, a textarea for messages, and buttons for submitting and resetting the form. The form is styled with CSS for a clean and modern appearance. It is structured within a container that centers the form on the page.

Uploaded by

selfhustle07
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views

Create an HTML Form With Radio Button

The document is an HTML code for a professional form that includes a text input for name, a dropdown list for age selection, a textarea for messages, and buttons for submitting and resetting the form. The form is styled with CSS for a clean and modern appearance. It is structured within a container that centers the form on the page.

Uploaded by

selfhustle07
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Create an html form with radio button,dropdown

list,text area,submit and reset button.

<!DOCTYPE html>
<html>

<head>

<title>Professional Form</title>

<style>

body {

font-family: Arial, sans-serif;

font-size: 16px;

line-height: 1.5;

color: #333;

background-color: #f4f4f4;

margin: 0;

padding: 0;

.container {

width: 100%;

max-width: 600px;

margin: 20px auto;

background-color: #fff;

padding: 20px;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

border-radius: 5px;

label {

display: block;

margin-top: 20px;

font-weight: bold;

}
textarea {

width: 100%;

height: 200px;

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);

button {

margin-top: 20px;

padding: 10px 20px;

background-color: #4CAF50;

color: #fff;

border: none;

border-radius: 5px;

cursor: pointer;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

button:hover {

background-color: #45a049;

</style>

</head>

<body>

<div class="container">

<form action="/submit" method="post">

<label for="name">Name:</label>

<input type="text" id="name" name="name" required>

<label for="age">Age:</label>

<select id="age" name="age" required>


<option value="">Select an option</option>

<option value="young">Young</option>

<option value="old">Old</option>

</select>

<label for="message">Message:</label>

<textarea id="message" name="message" required></textarea>

<button type="submit">Submit</button>

<button type="reset">Reset</button>

</form>

</div>

</body>

</html>

OUTPUT:-

You might also like