Form

by enagu

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<html>
  <head></head>
  <body>
    <div class="field">
      <label class="label">Url</label>
      <div class="control">
        <input name="link" class="input" type="text" placeholder="e.g Remoto: https://www.example.com - Local: video1.mp4">
      </div>
    </div>

    <div class="field">
      <label class="label">Tags</label>
      <div class="control">
        <input name="tags" class="input" type="text" placeholder="e.g. tag1,tag2,...">
      </div>
    </div>
        
    <div class="field is-grouped">
      <div class="control">
        <button onclick="submit()" class="button is-link">Submit</button>
      </div>
      <div class="control">
        <button onclick="cancel()" class="button is-link is-light">Cancel</button>
      </div>
    </div>
  </body>
</html>

JavaScript

function submit() {
	link = document.querySelector("input[name='link']").value
  tags = document.querySelector("input[name='tags']").value
  fetch('http://example.com/addvideo?link='+link+"&tags="+tags)
  .then(response => response.json())
  .then(data => console.log(data));
}

function cancel() {
	window.history.back()
 }