DTF Print & Press - Customer Supply Order Form
About this app
A comprehensive order form for DTF Print & Press services, allowing users to specify quantities, product types, and print locations with pricing.
DTF Print & Press - Customer Supply Order Form DTF Print & Press - Customer Supplied Goods & Art - V26 - (Receive Goods/Print/Press/Prep & Pack/Ship or Pickup) **Powered by SeaSide Silk Screening** Reset Name/PO Number Quantity Qty Price Breaks: 24, 36, 48, 72, 144, 288 Product Type T-Shirt - $0 Polo - $1 Fleece - $2 Cap - $3 Print Locations Print Location 1 N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Print Location 2 N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Print Location 3 N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Print Location 4 N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Turn Time & Payment Type Turn Time Standard Turn Time As Posted - $1 Un-Selected - $0 1 Business Day Less - $1 2 Business Days Less - $1.2 3 Business Days Less - $1.3 4 Business Days Less - $1.4 5 Business Days Less - $1.5 6 Business Days Less - $1.6 7 Business Days Less - $1.7 8 Business Days Less - $1.8 9 Business Days Less - $1.9 Payment Type Unselected - $0 Credit Card - 3.6% Fee - $1.036 ACH - No Fees - $1
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>DTF Print & Press - Customer Supply Order Form</title>
<meta name="description" content="A comprehensive order form for DTF Print & Press services, allowing users to specify quantities, product types, and print locations with pricing.">
<meta name="keywords" content="DTF Print, Press Services, Customer Supply Goods, Order Form">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet">
<style>
body {
background-color: white;
color: black;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.form-container {
border: 2px solid blue;
padding: 15px;
border-radius: 5px;
margin-top: 20px;
}
.section-container {
border: 2px solid blue;
padding: 15px;
margin-bottom: 15px;
}
.small-text {
font-size: 0.75rem;
}
.very-small-text {
font-size: 0.65rem;
}
#reset {
background-color: transparent;
border: 1px solid black;
cursor: pointer;
padding: 10px 15px;
text-align: center;
margin-bottom: 20px;
display: inline-block;
}
.form-label {
text-align: left;
display: block;
}
.form-select, .form-control {
width: 100%;
margin-top: 5px;
}
.field-spacing {
margin-bottom: 15px;
}
.hidden-field {
display: none;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h6 class="small-text">DTF Print & Press - Customer Supplied Goods & Art - V26 - (Receive Goods/Print/Press/Prep & Pack/Ship or Pickup)</h6>
<h6 class="very-small-text">**Powered by SeaSide Silk Screening**</h6>
<button id="reset">Reset</button>
<form id="order-form" class="form-container">
<div class="field-spacing">
<label for="name-purchase-order" class="form-label">Name/PO Number</label>
<input type="text" id="name-purchase-order" class="form-control" required>
</div>
<div class="field-spacing">
<label for="quantity" class="form-label">Quantity</label>
<input type="number" id="quantity" class="form-control" min="0" required>
<input type="hidden" id="receiving-cost">
<small class="form-text">Qty Price Breaks: 24, 36, 48, 72, 144, 288</small>
</div>
<div class="field-spacing">
<label for="product-type" class="form-label">Product Type</label>
<select id="product-type" class="form-select">
<option value="T-Shirt">T-Shirt - $0</option>
<option value="Polo">Polo - $1</option>
<option value="Fleece">Fleece - $2</option>
<option value="Cap">Cap - $3</option>
</select>
</div>
<hr />
<div class="section-container">
<h6>Print Locations</h6>
<div class="field-spacing">
<label for="print-location-1" class="form-label">Print Location 1</label>
<select id="print-location-1" class="form-select">
<option value="N/A">N/A - $0</option>
<option value="Left Front Chest">Left Front Chest - $1</option>
<option value="Right Front Chest">Right Front Chest - $1</option>
<option value="Full Front">Full Front - $2</option>
<option value="Full Back">Full Back - $2</option>
</select>
</div>
<div class="field-spacing">
<label for="print-location-2" class="form-label">Print Location 2</label>
<select id="print-location-2" class="form-select">
<option value="N/A">N/A - $0</option>
<option value="Left Front Chest">Left Front Chest - $1</option>
<option value="Right Front Chest">Right Front Chest - $1</option>
<option value="Full Front">Full Front - $2</option>
<option value="Full Back">Full Back - $2</option>
</select>
</div>
<div class="field-spacing">
<label for="print-location-3" class="form-label">Print Location 3</label>
<select id="print-location-3" class="form-select">
<option value="N/A">N/A - $0</option>
<option value="Left Front Chest">Left Front Chest - $1</option>
<option value="Right Front Chest">Right Front Chest - $1</option>
<option value="Full Front">Full Front - $2</option>
<option value="Full Back">Full Back - $2</option>
</select>
</div>
<div class="field-spacing">
<label for="print-location-4" class="form-label">Print Location 4</label>
<select id="print-location-4" class="form-select">
<option value="N/A">N/A - $0</option>
<option value="Left Front Chest">Left Front Chest - $1</option>
<option value="Right Front Chest">Right Front Chest - $1</option>
<option value="Full Front">Full Front - $2</option>
<option value="Full Back">Full Back - $2</option>
</select>
</div>
</div>
<div class="section-container">
<h6>Turn Time & Payment Type</h6>
<div class="field-spacing">
<label for="turn-time" class="form-label">Turn Time</label>
<select id="turn-time" class="form-select">
<option value="Standard Turn Time">Standard Turn Time As Posted - $1</option>
<option value="Un-Selected">Un-Selected - $0</option>
<option value="1 Business Day">1 Business Day Less - $1</option>
<option value="2 Business Days">2 Business Days Less - $1.2</option>
<option value="3 Business Days">3 Business Days Less - $1.3</option>
<option value="4 Business Days">4 Business Days Less - $1.4</option>
<option value="5 Business Days">5 Business Days Less - $1.5</option>
<option value="6 Business Days">6 Business Days Less - $1.6</option>
<option value="7 Business Days">7 Business Days Less - $1.7</option>
<option value="8 Business Days">8 Business Days Less - $1.8</option>
<option value="9 Business Days">9 Business Days Less - $1.9</option>
</select>
</div>
<div class="field-spacing">
<label for="payment-type" class="form-label">Payment Type</label>
<select id="payment-type" class="form-select">
<option value="Unselected">Unselected - $0</option>
<option value="Credit Card">Credit Card - 3.6% Fee - $1.036</option>
<option value="ACH">ACH - No Fees - $1</option>
</select>
</div>
</div>
</form>
</div>
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("reset").addEventListener("click", function() {
document.getElementById("order-form").reset();
});
document.getElementById("quantity").addEventListener("input", function() {
const quantity = parseInt(this.value) || 0;
document.getElementById("receiving-cost").value = (quantity * 0.16).toFixed(2);
});
});
} catch (error) {
throw error;
}
</script>
</body>
</html>
NEW APPS
These are apps made by the community!