Git Product home page Git Product logo

web-reqeust.github.io's Introduction

Form tag example

<form form="https://app.modaltrans.com/roster/web_request_quotes" method="post">
  <!-- Form elements -->
</form>

Add this script tag to the end of the body (required)

<script src="https://app.modaltrans.com/roster/web_requests/cdn.js"></script>

Your custom account token (required)

<input type="hidden" id="patron_token" name="web_request_quote[patron_token]" value="{{YOUR_ACCOUNT_TOKEN}}" required>

URL to redirect to after the request is successful (optional)

<input type="hidden" id="redirect_url" name="web_request_quote[redirect_url]" value="{{YOUR_REDIRECT_URL}}" required>

User Name (required)

<label for="name">Name</label>
<input type="text" id="name" name="web_request_quote[name]" required>

Company Name (required)

<label for="company_name">Company Name</label>
<input type="text" id="company_name" name="web_request_quote[company_name]" required>

Tax No (optional)

<label for="tax_no">Tax No</label>
<input type="text" id="tax_no" name="web_request_quote[tax_no]">

Email (required)

<label for="email">Email</label>
<input type="text" id="email" name="web_request_quote[email]" required>

Phone (optional)

<label for="phone">Phone</label>
<input type="text" id="phone" name="web_request_quote[phone]">

Trans Mode (optional)

<label for="trans_mode">Transport Mode</label>
<select id="trans_mode" name="web_request_quote[datas][trans_mode]" required>
  <option value="road">Road</option>
  <option value="sea">Sea</option>
  <option value="air">Air</option>
  <option value="rail">Rail</option>
</select>

Shipment Type (required)

<label for="full_partial">Shipment Type</label>
<select id="full_partial" name="web_request_quote[datas][full_partial]" required>
  <option value="partial">Partial</option>
  <option value="full">Full</option>
</select>

Total Package (optional)

<label for="total_package">Total Package</label>
<input type="number" id="total_package" name="web_request_quote[datas][total_package]">

Gross Weight (optional)

<label for="gross_weight">Gross Weight</label>
<input type="number" id="gross_weight" name="web_request_quote[datas][gross_weight]">

Total Volume (optional)

<label for="total_volume">Total Volume</label>
<input type="number" id="total_volume" name="web_request_quote[datas][total_volume]">

Lead Class (required)

<label for="lead_class">Lead Class</label>
<select id="lead_class" name="web_request_quote[datas][lead_class]" required>
    <option value="standard">Standard</option>
    <option value="adr">ADR</option>
    <option value="perishable">Perishable</option>
    <option value="pharma">Pharma</option>
    <option value="animal">Animal</option>
    <option value="funeral">Funeral</option>
    <option value="other_special_cargo">Other Special Cargo</option>
    <option value="bulk">Bulk</option>
</select>

Origin Address (required)

<label for="origin_address">Origin Address</label>
<input type="text" id="origin_address" name="web_request_quote[datas][origin_address]" required>

Origin Postcode (optional)

<label for="origin_postcode">Origin Postcode</label>
<input type="text" id="origin_postcode" name="web_request_quote[datas][origin_postcode]">

Origin Country (required)

<label for="origin_country_id">Origin Country</label>
<select id="origin_country_id" name="web_request_quote[datas][origin_country_id]" mdl-web-request="countries_option" required>
  <option value=""></option>
</select>
mdl-web-request="countries_option" # Takes countries

Destination Address (required)

<label for="destination_address">Destination Address</label>
<input type="text" id="destination_address" name="web_request_quote[datas][destination_address]" required>

Destination Postcode (optional)

<label for="destination_postcode">Destination Postcode</label>
<input type="text" id="destination_postcode" name="web_request_quote[datas][destination_postcode]">

Destination Country (required)

<label for="destination_country_id">Destination Country</label>
<select id="destination_country_id" name="web_request_quote[datas][destination_country_id]" mdl-web-request="countries_option" required>
  <option value=""></option>
</select>
mdl-web-request="countries_option" # Takes countries

Special Instructions (optional)

<label for="special_instructions">Special Instructions</label>
<textarea id="special_instructions" name="web_request_quote[datas][special_instructions]"></textarea>

Customer Reference (optional)

<label for="customer_ref">Customer Reference</label>
<input type="text" id="customer_ref" name="web_request_quote[datas][customer_ref]">

Notes (optional)

<label for="notes">Notes</label>
<textarea id="notes" name="web_request_quote[datas][notes]"></textarea>

reCAPTCHA (required)

<div mdl-web-request="recaptcha"></div>

web-reqeust.github.io's People

Contributors

seyitaslan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.