Web Speech

index.html

<main class="w-50 mx-auto">
	<form class="bg-light border rounded mx-auto mt-5 p-3">
		<h1 class="h2 text-center mt-2 mb-4">Homework 3</h1>
		<div class="form-group">
			<label for="field1">Field 1</label>
			<input type="text" class="form-control" id="field1" name="field1" />
		</div>
		<div class="form-group">
			<label for="field2">Field 2</label>
			<input type="text" class="form-control" id="field2" name="field2" />
		</div>
		<div class="form-group">
			<label for="field3">Field 3</label>
			<textarea class="form-control" id="field3" name="field3" rows="3"></textarea>
		</div>
		<div class="form-group mt-4">
			<input type="submit" class="btn btn-primary btn-block" value="Submit / Speak" />
		</div>
	</form>
</main>

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>

style.css

body {
	background-color: #474747;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" />

web-speech.markdown

Web Speech

A Pen by Yixuan Feng on CodePen.

License.