w3resource

Scholarship Application Form: Google Form Template

Scholarship Application Form: Google Form Template

Scholarship Application Form is useful for academic administrators to collect information from prospective scholarship applicants.


Description of Scholarship Application Form

This form has three Part

In the First part has fourteen section. First section in this form do you choose in any information of the following option? Options are Personal Information, University/College Information, Accomplishments and Other.

Personal Information:

In this section you write the Name of the applicant.

Next section expects you to write your available date of birth. Format accepted is mm/dd/yyyy.

Next sections expects to write your e-mail address.

Next section you supply to your home phone number.

Next section you supply to your mobile phone number.

Next section expect Permanent address. Here you type your address with out street address.

Next section expects you to write your Address.

If needed use next section expects you to write your detail address in Address line 2.

Next section expects you to write your city name.

In the next section you write your state name or province or region.

In the next section you type your postal or zip code.

Next section expects you to supply your country name.

Next section you mention your Citizenship Status? Options are U.S. Citizen, Permanent Resident, Resident Alien, and Other. choose any one.

Now start section 2

University/College Information:

In this section asks to you write the Name of the University/College.

Next section expects you to write your Street Address of the school or university.

Next section expects you to write details your Address Line2.

Next section expects you to write your city name.

In the next section you are supposed to write your state name or province or region.

In the next section you type your postal or zip code.

Next section expects you to supply your country name.

Next sections expects to write Email address of University/College admissions office.

Next section you to supply Phone Number of University/College admissions office.

Next section you to supply Current Cumulative GPA (out of 4.0).

Next section expects you to write Undergraduate Majors.

Next section expects you to write Number of college credits earned till date.

Next section expects you to provide Total number of credits required for graduation.

Next section expects you to write Expected date of graduation.

Accomplishments

Next section expects you to provide a list of secondary school and other education institutions including international exchange programs.

Next section you to supply a list of all school and college related activities (sports, arts, music, volunteering) with dates of involvement.

Next section you to supply the list of other volunteering and community activities not related to school with dates of involvement.

Next section you to provide an example of an experience where you displayed leadership skills.

Next section you to supply How do you plan to use your education to impact to your community, society and country?

Next section you to write anything else you would like to let us know about yourself that is relevant to your scholarship application?

Complete the Scholarship Application Form and click submit.

Scholarship Application Form: HTML Form Template

Display of Scholarship Application HTML Form Template:


HTML Form Source Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>title</title>
 <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
  </head>
  <body>
<div class="container">
  <div class="columns">
    <div class="column col-auto col-mx-auto">
		<div class="form-group">
<form target="_self"
      id="bootstrapForm"
      method="POST">
    <fieldset>
        <h2>Scholarship Application Form<br><small></small></h2>
    </fieldset>
    
    <fieldset>
        <legend for="1735724595">This form is three section</legend>
        <div class="form-group">
            <div class="radio">
                <label>
                    <input type="radio" name="entry.549884704" value="1 Personal Information" >
                    1 Personal Information
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.549884704" value="2 University/College Information" >
                    2 University/College Information
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.549884704" value="3 Accomplishments" >
                    3 Accomplishments
                </label>
            </div>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="560357323">Name</legend>
        <div class="form-group">
            <input id="1870758730" type="text" name="entry.1870758730" class="form-control" required>
        </div>
    </fieldset>
    <!-- Field type: "date" id: "244872231" -->
    <fieldset>
        <legend for="244872231">Date of Birth</legend>
        <div class="form-group">
            <input type="date" id="1366943480_date" placeholder="8/23/2019" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="816409302">Email</legend>
        <div class="form-group">
            <input id="1446928002" type="text" name="entry.1446928002" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="315811813">Home Phone Number</legend>
        <div class="form-group">
            <input id="931795366" type="text" name="entry.931795366" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="118912652">Mobile Phone Number</legend>
        <div class="form-group">
            <input id="571807165" type="text" name="entry.571807165" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1338022010">Permanent Address</legend>
        <div class="form-group">
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1627772952">Street Address</legend>
        <div class="form-group">
            <input id="731703696" type="text" name="entry.731703696" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1894447039">Address Line 2</legend>
        <div class="form-group">
            <input id="191819346" type="text" name="entry.191819346" class="form-control" >
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="640817788">City</legend>
        <div class="form-group">
            <input id="1593459079" type="text" name="entry.1593459079" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="729245173">State / Province / Region</legend>
        <div class="form-group">
            <input id="985843578" type="text" name="entry.985843578" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="805441958">Postal / Zip Code</legend>
        <div class="form-group">
            <input id="1343419221" type="text" name="entry.1343419221" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="843449053">Country</legend>
        <div class="form-group">
            <input id="1987627186" type="text" name="entry.1987627186" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1616160552">Citizenship Status</legend>
        <div class="form-group">
            <div class="radio">
                <label>
                    <input type="radio" name="entry.1269471571" value="U.S. Citizen" required>
                    U.S. Citizen
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.1269471571" value="Permanent Resident" required>
                    Permanent Resident
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.1269471571" value="Resident Alien" required>
                    Resident Alien
                </label>
            </div>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="2102269129">Scholarship Application Form</legend>
        <div class="form-group">
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="446513654"></legend>
        <div class="form-group">
            <div class="radio">
                <label>
                    <input type="radio" name="entry.514665360" value="1 Personal Information" required>
                    1 Personal Information
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.514665360" value="2 University/College Information" required>
                    2 University/College Information
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.514665360" value="3 Accomplishments" required>
                    3 Accomplishments
                </label>
            </div>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="40611239">Name of University/College</legend>
        <div class="form-group">
            <input id="320508743" type="text" name="entry.320508743" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1222749760">Address of University/College</legend>
        <div class="form-group">
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1513019819">Street Address</legend>
        <div class="form-group">
            <input id="1310934803" type="text" name="entry.1310934803" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="175316384">Address Line 2</legend>
        <div class="form-group">
            <input id="1083222053" type="text" name="entry.1083222053" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="79505633">City</legend>
        <div class="form-group">
            <input id="1619386227" type="text" name="entry.1619386227" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="2037292577">State / Province / Region</legend>
        <div class="form-group">
            <input id="84048172" type="text" name="entry.84048172" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="56650355">Postal / Zip Code</legend>
        <div class="form-group">
            <input id="1699490138" type="text" name="entry.1699490138" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1145293872">Country</legend>
        <div class="form-group">
            <input id="1782110871" type="text" name="entry.1782110871" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="767398290">Email address of University/College admissions office</legend>
        <div class="form-group">
            <input id="1038705196" type="text" name="entry.1038705196" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1714090694">Phone Number of University/College admissions office</legend>
        <div class="form-group">
            <input id="180299800" type="text" name="entry.180299800" class="form-control" >
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1524135022">Current Cumulative GPA (out of 4.0)</legend>
        <div class="form-group">
            <input id="1538131944" type="text" name="entry.1538131944" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1306481943">Undergraduate Majors</legend>
        <div class="form-group">
            <input id="1892445077" type="text" name="entry.1892445077" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1802145594">Number of college credits earned till date</legend>
        <div class="form-group">
            <input id="1481001928" type="text" name="entry.1481001928" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="2063180162">Total number of credits required for graduation</legend>
        <div class="form-group">
            <input id="857226562" type="text" name="entry.857226562" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1833926080">Expected date of graduation</legend>
        <div class="form-group">
            <input type="date" id="737336953_date" placeholder="8/23/2019" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="259212042">Degree received on date of graduation</legend>
        <div class="form-group">
            <input id="1892752439" type="text" name="entry.1892752439" class="form-control" required>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1352329021">Scholarship Application Form</legend>
        <div class="form-group">
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1967869864"></legend>
        <div class="form-group">
            <div class="radio">
                <label>
                    <input type="radio" name="entry.404002631" value="1 Personal Information" required>
                    1 Personal Information
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.404002631" value="2 University/College Information" required>
                    2 University/College Information
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="entry.404002631" value="3 Accomplishments" required>
                    3 Accomplishments
                </label>
            </div>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1805782935">1. Provide a list of secondary school and other education institutions including international exchange programs.</legend>
        <div class="form-group">
            <select id="1805782935" name="entry.788303140" class="form-control">
                <option value="School Name                                                          City, State                                                   Dates Attended">School Name                                                          City, State                                                   Dates Attended</option>
                <option value="School Name                                                          City, State                                                  Dates Attended">School Name                                                          City, State                                                  Dates Attended</option>
                <option value="School Name                                                         City, State                                                    Dates Attended">School Name                                                         City, State                                                    Dates Attended</option>
            </select>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="496246652">2. Provide a list of all school and college related activities (sports, arts, music, volunteering) with dates of involvement.</legend>
        <div class="form-group">
            <textarea id="1766094289" name="entry.1766094289" class="form-control" required></textarea>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="2128562467">3. Provide of list of other volunteering and community activities not related to school with dates of involvement.</legend>
        <div class="form-group">
            <textarea id="49583743" name="entry.49583743" class="form-control" required></textarea>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1901725821">4. Provide an example of an experience where you displayed leadership skills.</legend>
        <div class="form-group">
            <textarea id="1312850342" name="entry.1312850342" class="form-control" required></textarea>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1723741593">5. How do you plan to use your education to impact to your community, society and country?</legend>
        <div class="form-group">
            <textarea id="774082090" name="entry.774082090" class="form-control" required></textarea>
        </div>
    </fieldset>
    
    <fieldset>
        <legend for="1975195753">6. Anything else you would like to let us know about yourself that is relevant to your scholarship application?</legend>
        <div class="form-group">
            <textarea id="598209504" name="entry.598209504" class="form-control" required></textarea>
        </div>
    </fieldset>

    <input type="hidden" name="fvv" value="1">
    <input type="hidden" name="fbzx" value="-6306136825722773412">
    
    <input type="hidden" name="pageHistory" value="0,1,2">

    <input class="btn btn-primary" type="submit" value="Submit">
</form>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha256-2Pjr1OlpZMY6qesJM68t2v39t+lMLvxwpa8QlRjJroA=" crossorigin="anonymous"></script>
<script>
$('#bootstrapForm').submit(function (event) {
    event.preventDefault()
    var extraData = {}
    {
        /* Parsing input date id=1366943480 */
        var dateField = $("#1366943480_date").val()
        var timeField = $("#1366943480_time").val()
        let d = new Date(dateField)
        if (!isNaN(d.getTime())) {
            extraData["entry.1366943480_year"] = d.getFullYear()
            extraData["entry.1366943480_month"] = d.getMonth() + 1
            extraData["entry.1366943480_day"] = d.getUTCDate()
        }
        if (timeField && timeField.split(':').length >= 2) {
            let values = timeField.split(':')
            extraData["entry.1366943480_hour"] = values[0]
            extraData["entry.1366943480_minute"] = values[1]
        }
    }
    {
        /* Parsing input date id=737336953 */
        var dateField = $("#737336953_date").val()
        var timeField = $("#737336953_time").val()
        let d = new Date(dateField)
        if (!isNaN(d.getTime())) {
            extraData["entry.737336953_year"] = d.getFullYear()
            extraData["entry.737336953_month"] = d.getMonth() + 1
            extraData["entry.737336953_day"] = d.getUTCDate()
        }
        if (timeField && timeField.split(':').length >= 2) {
            let values = timeField.split(':')
            extraData["entry.737336953_hour"] = values[0]
            extraData["entry.737336953_minute"] = values[1]
        }
    }
    $('#bootstrapForm').ajaxSubmit({
        data: extraData,
        dataType: 'jsonp',  // This won't really work. It's just to use a GET instead of a POST to allow cookies from different domain.
        error: function () {
            // Submit of form should be successful but JSONP callback will fail because Google Forms
            // does not support it, so this is handled as a failure.
            alert('Form Submitted. Thanks.')
            // You can also redirect the user to a custom thank-you page:
            // window.location = 'http://www.mydomain.com/thankyoupage.html'
        }
    })
})
</script>
</body>
</html>

Click to Download

Previous: Travel Reservation Form: Google Form Template
Next: Vacation Request Form: Google Form Template



Share this Tutorial / Exercise on : Facebook and Twitter