User:Jeremy/sandbox: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
{{ | <div class="container"> | ||
<_form action="get"> | |||
<_label for="fname">First Name</_label> | |||
<_input type="text" id="fname" name="firstname" placeholder="Your name.."/> | |||
<_label for="lname">Last Name</_label> | |||
<_input type="text" id="lname" name="lastname" placeholder="Your last name.."/> | |||
<_label for="subject">Subject</_label> | |||
<_input type="text" id="subject" name="subject" placeholder="Your subject.."/> | |||
<_label for="message">Message</_label> | |||
<_input type="textarea" id="message" name="message" placeholder="Your message.."/> | |||
<_input type="submit" value="Submit"/> | |||
</_form> | |||
</div> | |||
<html> | |||
<style> | |||
body {font-family: Arial, Helvetica, sans-serif;} | |||
* {box-sizing: border-box;} | |||
{{# | input[type=text], select, textarea { | ||
[ | width: 100%; | ||
padding: 12px; | |||
} | border: 1px solid #ccc; | ||
{ | border-radius: 4px; | ||
box-sizing: border-box; | |||
margin-top: 6px; | |||
margin-bottom: 16px; | |||
resize: vertical; | |||
} | |||
input[type=submit] { | |||
background-color: #04AA6D; | |||
color: white; | |||
padding: 12px 20px; | |||
border: none; | |||
border-radius: 4px; | |||
cursor: pointer; | |||
} | |||
input[type=submit]:hover { | |||
background-color: #45a049; | |||
} | |||
.container { | |||
border-radius: 5px; | |||
background-color: #f2f2f2; | |||
padding: 20px; | |||
} | |||
</style> | |||
</html> |
Revision as of 13:53, 30 April 2022
<_form action="get"> <_label for="fname">First Name</_label> <_input type="text" id="fname" name="firstname" placeholder="Your name.."/> <_label for="lname">Last Name</_label> <_input type="text" id="lname" name="lastname" placeholder="Your last name.."/> <_label for="subject">Subject</_label> <_input type="text" id="subject" name="subject" placeholder="Your subject.."/> <_label for="message">Message</_label> <_input type="textarea" id="message" name="message" placeholder="Your message.."/> <_input type="submit" value="Submit"/> </_form>