Skip to content

Instantly share code, notes, and snippets.

@drhanlau

drhanlau/textbox-template.html

Created March 11, 2022 23:12
Show Gist options
  • Save drhanlau/afcee64d0e398b3b3c807c631fcbdadf to your computer and use it in GitHub Desktop.
Save drhanlau/afcee64d0e398b3b3c807c631fcbdadf to your computer and use it in GitHub Desktop.
Download ZIP
A template for single row textbox with a button
Raw
textbox-template.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text field input with button template</title>
</head>
<body>
<div class="fixed bottom-0 pb-5 text-center text-gray-500 text-sm w-full">
Powered by LEAD (https://thelead.io)
</div>
<div class="flex h-screen">
<div class="m-auto text-center pb-10">
<h1 class="text-5xl font-bold">Insert Title Here</h1>
<div class="mt-5">
<input type="text" id="sentence" class="w-full bg-gray-100 border border-gray-300 text-gray-700 py-1 px-3 " placeholder="">
</div>
<button class="text-white bg-indigo-500 border-0 py-2 px-6 text-lg mt-5" onclick="">Analyze</button>
<div id="result" class="pt-5 text-lg text-gray-600">
&nbsp;
</div>
</div>
</div>
</body>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment