submit.html

---
layout: default
---

<h1>About you</h1>

<form id="submission">

<label>Institutional Email Address (Required)
<p><input required="required" class="_oab_form" type="email" id="email" placeholder="e.g. your.email@institution.edu"></p>
</label>

<label>Full Name (Required)
<p><input required="required" class="_oab_form" type="text" id="name" placeholder="e.g. Carla Hayden"></p>
</label>

<label>Library Name (Required)
<p><input required="required" class="_oab_form" type="text" id="organization" placeholder="e.g. Harvard University Library"></p>
</label>

<h3 class="form-section">About the request</h3>

<!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date suggested required pattern -->
<label for="needed-by">When do you need this by?</label>
<p class="question-description">If we can't deliver your request by this date, it will be cancelled.</p>
<p><input class="_oab_form" type="date" id="needed-by" min='1899-01-01' max='2222-01-01' required pattern="(?:\d{4}-\d{2}-\d{2})?" placeholder="yyyy/mm/dd"></p>

<label>Your Reference Number (if any)
<p><input class="_oab_form" type="text" id="reference" placeholder="e.g. 02397133-002"></p>
</label>

<label>Notes
<p><input class="_oab_form" type="text" id="other" placeholder="e.g. Please process quickly!"></p>
</label>

<!-- <div style="display: none" class="toggle">-->

<div style="display: block" class="toggle">

<h3 class="form-section">Paper Information</h3>

<label>Paper Title
<p><input required="required" class="_oab_form" type="text" id="atitle" placeholder="e.g Evolutionary persistence of DNA methylation for millions of years"></p>
</label>

<label>Journal Title
<p><input required="required" class="_oab_form" type="text" id="title" placeholder="e.g Nature"></p>
</label>

<label>DOI
<p><input class="_oab_form" type="text" id="doi" placeholder="e.g 10.1126/scitranslmed.3008973"></p>
</label>

<label>Authors
<p><input class="_oab_form" type="text" id="aulast" placeholder="e.g Charles Darwin"></p>
</label>

<label>Year Published
<p><input required="required"class="_oab_form" type="text" id="year" placeholder="e.g 1992"></p>
</label>

<label>Volume
<p><input class="_oab_form" type="text" id="volume" placeholder="e.g 37"></p>
</label>

<label>Issue
<p><input class="_oab_form" type="text" id="issue" placeholder="e.g 1"></p>
</label>

<label>Page
<p><input class="_oab_form" type="text" id="pages" placeholder="e.g 355-365"></p>
</label>

</div>

<input class="_oab_button" href="thanks" id="submit" aria-label="submit" style="min-width:150px;" type="submit" value="Submit Request">

<!-- <p class="check toggle">> Show paper information</p> -->

<p><i>If you have trouble submitting <a href="mailto:help+rscvd@openaccessbutton.org">let us know</a>.</i></p>

</form>
<!--
<script>
$( ".check" ).click(function() {
  $( ".toggle" ).toggle();
});
</script>
-->
<script>
var sid = 'AKfycbw5jW4E5-7FukSKP6r1x5_VDEdS4zRt1Xd4Bx-zRPN8XLF9VmS37Xnw6sixyTeJ8o8N';
var url = 'https://api.openaccessbutton.org/ill/collect/' + sid;
var fields = ["atitle","title","issn","publisher","aulast","date","volume","issue","pages","doi","pmid","pmcid","notes","crossref_type","url","where","year","email","name","organization","other","reference","needed-by"];
</script>

{% include form.html %}