JSFiddle - React, Tailwind, and code Playground
HTML
<form action="/action_page.php">
<label for="pwd">Youtube link:</label>
<input required="" type="link" id="link" name="link" pattern="http(?:s?):\/\/(?:www\.)?(?:m\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?[\w\?=]*)?" title="Eight or more characters">
<input type="submit">
</form>