JSFiddle - React, Tailwind, and code Playground

by leiperte

HTML

@page
@model ContactModel
@{
    ViewData["Title"] = "Contact the Creator";
}

<h2>@ViewData["Title"]</h2>
<head>
<script>
documnet.createElement("fancytitle")
</script>
<style>
fancytitle{display: circle; background-color: yellow; padding: 25px; font-size: 40px;}
</style>
</head>
<h3>Use the form below to send comments or questions to the creator of the website.</h3><br>

<p>
<fancytitle>Comments! Questions! Suggestions!</fancytitle><br><br><br>
    Please completly fill out the form.
</p>

<form action="mailto:[email protected]" method="post" enctype="text/plain">
<fieldset>
<legend>
Personal Information
</legend>

First Name: <input type="text" name="firstname" placeholder="First Name" pattern=[A-Z\sa-z]{3,25} required autofocus><br>
Last Name: <input type="text" name="lastname" placeholder="Last Name" pattern=[A-Z\sa-z]{3,25} required><br>
Street Address: <input type="text" name="street" placeholder="1200 W. Intenational Speedway BLVD" size="40" title="Please enter full address as shown in example: 1200 W. Intenational Speedway BLVD" required><br>
City: <input type="text" name="city" placeholder="Daytona Beach" pattern=[A-Z\sa-z]{3,25} required> State: <input type="text" name="state" placeholder="FL" size="2" maxlength="2" required> Zip Code: <input type="number" name="zip" size="5" maxlength="5" placeholder="32114" pattern=[0-9]{5,5} title="Please enter only 5 digit zip code" required><br>
Phone: <input type="tel" name="phone" size="10" maxlength="10" placeholder="3865063000" pattern=[0-9]{10,10} title="Do not include parentheses or dashes" required><br>
Email: <input type="email" name="email" placeholder="[email protected]" size="50" required><br>
Birth Date: <input type="date" name="birth" min="1900-01-01" max="2018-12-31"required><br>
</fieldset><br><br>
<b>Enter comments, questions, or suggestions here.</b><br><textarea rows = "5" cols = "60" name = "message"> </textarea><br><br>

<div class="elem-group">
    <label...

JavaScript

var refreshButton = document.querySelector(".refresh-captcha");
refreshButton.onclick = function() {
  document.querySelector(".captcha-image").src = 'captcha.php?' + Date.now();
}