Lime Form

Developer
Tamuna
Size
2,153 Kb
Views
6,072
  1. Lime Form Previews
  2. Lime Form HTML Codes
  3. Lime Form CSS Codes

How do I make an lime form?

A simple html 5 form.. What is a lime form? How do you make a lime form? This script and codes were developed by Tamuna on 03 January 2023, Tuesday.

Lime Form Previews
IQ Test

Lime Form - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Lime Form</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html> <head> <link href='https://fonts.googleapis.com/css?family=Averia+Sans+Libre:300,400' rel='stylesheet' type='text/css'> </head> <body> <h1>~Lime~</h1> <form id="lime" method="get"> <p>First Name: <input type="text" required autofocus /></p> <p>Middle Name: <input type="text" placeholder="Optional" /></p> <p>Last Name: <input type="text" required /></p> <p>Age: <input type="text" pattern="[0-9]*" min="13" required /></p> <p>email address: <input type="email" required /></p> <p>Website URL: <input type="url" placeholder="Optional" /></p> <textarea maxlength="500">Leave your comment here... </textarea> <input type="submit" />	</form> </body>
</html>
</body>
</html>

Lime Form - Script Codes CSS Codes

body { background-color: #BED04A; font-family: 'Averia Sans Libre', cursive;
}
h1 { text-align: center; color: #486014;
}
form { overflow: hidden; margin: 0 auto; padding: 5% 2%; width: 480px; border-radius: 10px/20px; border: 1px solid #B5B02F; background-color: #DFDC71; box-shadow: inset 1px 1px 0 0 #f7f4a3, 1px 1px 0 0 #5C7E06; font-size: 1.1em; text-decoration: underline; color: #5C7E06;
}
form>p { overflow: hidden; border-bottom: 1px solid #edea9a;
}
input { width: 200px; height: 25px;
}
textarea { resize: vertical; width: 250px; height: 50px;
}
input, textarea { float: right; clear: both; padding: 0 5px; border-radius: 20px/5px; background-color: #f9f4a7; border: 1px dashed #8C9E2E; box-shadow: inset 0 0 6px 0 #bcb447; font-family: 'Averia Sans Libre', cursive; color: #486014;
}
input:focus, textarea:focus { outline: none;
}
input[type="submit"] { float: right; margin-top: 50px; width: 100px; border-radius: 15px/25px; background-color: #b5b02f; box-shadow: inset 1px 1px 0 0 #DFDC71, 1px 1px 0 0 #847f25; border: 1px solid #8ea029; font-size: 15px; font-weight: bold;
}
Lime Form - Script Codes
Lime Form - Script Codes
Home Page Home
Developer Tamuna
Username AlienPiglet
Uploaded January 03, 2023
Rating 3
Size 2,153 Kb
Views 6,072
Do you need developer help for Lime Form?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tamuna (AlienPiglet) Script Codes
Name
Anbani Flashcards
Simple Counter
CSS Color Spin
Canvas Night Sky
CSS Clock
CSS DropDown Menu
Rainbow Fan
Creamy Form
Starry Night of Markup
Monochrome Form
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!