Inquiry Form Test

Developer
Kevin Sherman
Size
13,131 Kb
Views
38,456
  1. Inquiry Form Test Previews
  2. Inquiry Form Test HTML Codes
  3. Inquiry Form Test CSS Codes
  4. Inquiry Form Test JS Codes

How do I make an inquiry form test?

Prototype dynamic inquiry, visit, and event RSVP form. Shows/hides field based on selections. . What is a inquiry form test? How do you make a inquiry form test? This script and codes were developed by Kevin Sherman on 06 September 2022, Tuesday.

Inquiry Form Test Previews
IQ Test

Inquiry Form Test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Inquiry Form Test</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel='stylesheet prefetch' href='https://www.ben.edu/style/app.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="row"> <div class="small-12 columns"> <h2>Learn More About Benedictine</h2> <p>Test ground for an inquiry form. In production: <a target="_blank" href="https://ben.edu/User_Training/ksherman/visit.cfm">https://ben.edu/User_Training/ksherman/visit.cfm</a></p>	<form data-abide name="admissionsInquiry" method="post" action="#subSiteURL#thank-you.cfm?act=admissionsInquiry">	<input type="hidden" name="requestID" value="#createUUID()#">	<input type="hidden" name="requestDate" value="#dateFormat(now(), 'yyyy-mm-dd')#">	<fieldset id="about_me">	<legend>About me (all fields required):</legend>	<div class="row">	<div class="small-12 columns">	<label>Full Name:	<input required type="text" id="inquiryFullName" name="inquiryFullName" placeholder="Enter your full name" />	</label>	<small class="error">Please enter your full name</small>	</div>	</div>	<div class="row">	<div class="medium-6 columns">	<label>Email:	<input required type="email" id="inquiryEmailAddress" name="inquiryEmailAddress" placeholder="Email address" />	</label>	<small class="error">Please enter a valid email address</small>	</div>	<div class="medium-6 columns">	<label>Phone:	<input required type="tel" id="inquiryPhoneNumber" name="inquiryPhoneNumber" placeholder="Phone Number" />	</label>	<small class="error">Please enter your phone number</small>	</div>	</div>	<div class="row">	<div class="small-12 columns">	<label>Street Address:	<input required type="text" id="inquiryStreetAddress" name="inquiryStreetAddress" placeholder="House Number and Street" />	</label>	<small class="error">Please enter your street address</small>	</div>	</div>	<div class="row">	<div class="medium-4 columns">	<label>City:	<input required type="text" id="inquiryCity" name="inquiryCity" placeholder="City" />	</label>	<small class="error">Please enter your address' city</small>	</div>	<div class="medium-4 columns">	<label>State:	<input required type="text" id="inquiryState" name="inquiryState" placeholder="State" />	</label>	<small class="error">Please enter your address' state</small>	</div>	<div class="medium-4 columns">	<label>Zip Code:	<input required type="text" id="inquiryZipCode" name="inquiryZipCode" placeholder="Zip Code" />	</label>	<small class="error">Please enter your address' zip code</small>	</div>	</div>	<div class="row">	<div class="medium-6 columns">	<label>Current/Last School Attended:	<input required type="text" id="inquirySchoolName" name="inquirySchoolName" placeholder="School Name" />	</label>	<small class="error">Please enter the name of your current or most recent school attended</small>	</div>	<div class="medium-6 columns">	<label>Expected Term of Entry	<select required id="inquiryEntryTerm" name="inquiryEntryTerm">	<option value>Select a Term</option>	<option value="Winter 2015">Winter 2015</option>	<option value="Spring 2015">Spring 2015</option>	<option value="Summer 2015">Summer 2015</option>	<option value="Fall 2015">Fall 2015</option>	<option value="Winter 2016">Winter 2016</option>	<option value="Spring 2016">Spring 2016</option>	<option value="Summer 2016">Summer 2016</option>	<option value="Fall 2016">Fall 2016</option>	<option value="Winter 2017">Winter 2017</option>	<option value="Spring 2017">Spring 2017</option>	<option value="Summer 2017">Summer 2017</option>	<option value="Fall 2017">Fall 2017</option>	<option value="Winter 2018">Winter 2018</option>	<option value="Spring 2018">Spring 2018</option>	<option value="Summer 2018">Summer 2018</option>	<option value="Fall 2018">Fall 2018</option>	</select>	<small class="error">Please select a term of entry</small>	</label>	</div>	</div>	</fieldset>	<fieldset id="programs">	<legend>Request Information / Visit Campus (required)</legend>	<div class="row" id="degree_levels">	<div class="small-12 columns">	<h5 class="subheader">Choose a degree level:</h5>	<input required onChange="showHideFields();" type="radio" name="inquiryDegreeLevel" value="Traditional Undergraduate" id="trad_programs"><label class="interest" for="trad_programs">Freshman/Transfer<br>Undergraduate</label>	<input required onChange="showHideFields();" type="radio" name="inquiryDegreeLevel" value="Adult Undergraduate" id="adult_programs"><label class="interest" for="adult_programs">Adult<br>Undergraduate</label>	<input required onChange="showHideFields();" type="radio" name="inquiryDegreeLevel" value="Graduate and Doctoral" id="grad_programs"><label class="interest" for="grad_programs">Graduate<br>and Doctoral</label>	<small class="error">Please select a degree level</small>	</div>	</div>	<fieldset>	<legend>Are you interested in visiting campus?</legend>	<div class="row">	<div class="small-12 columns">	<input onChange="showHideFields();" value="Attending an Admissions Event" name="inquiryAdmissionsEvent" id="inquiryAttendEvent" type="checkbox"><label class="interest" id="inquiryAttendEvent" for="inquiryAttendEvent">Yes, I would like to RSVP<br>for an Admissions Event.</label>	<input onChange="showHideFields();" value="Personalized Campus Visit" name="inquiryPersonalVisit" id="inquiryPersonalVisit" type="checkbox"><label class="interest" id="inquiryPersonalVisit" for="inquiryPersonalVisit">Sign me up for a<br>personalized Campus Visit.</label>	</div>	</div>	<fieldset id="personalized_visit" style="display: none;">	<h5>About Personalized Visits</h5>	<p>Personalized Visits offer you a chance to take a tour of campus and meet with an admissions counselor to learn more about the admissions process, available scholarships, and the major you are interested in. You will be contacted by an Admissions Counselor to schedule your visit.</p>	</fieldset>	<fieldset id="admissions_events" style="display: none;">	<legend>Select the admissions events you are interested in attending:</legend>	<div class="row">	<div class="small-12 columns">	<h5 class="subheader">Choose one:</h5>	<ul class="small-block-grid-1 medium-block-grid-2">	<!--- Loop through events requesting RSVPs --->	<cfloop index="idx" from="1" to="#ArrayLen(eventRSVPs)#">	<!--- Check date and compare to today --->	<cfif #eventRSVPs[idx].values.eventStartDate# GTE #now()#>	<li>	<input name="inquiryEventRSVP" id="#eventRSVPs[idx].values.eventID#" value="#eventRSVPs[idx].values.eventTitle# on #DateFormat(eventRSVPs[idx].values.eventStartDate, "mmmm d, yyyy")# at #TimeFormat(eventRSVPs[idx].values.eventStartTime, "short")#" type="radio">	<label class="event_item" for="#eventRSVPs[idx].values.eventID#">	<cfif #len(eventRSVPs[idx].values.eventImage)#>	<cfset image = application.ADF.csData.decipherCPIMAGE(#eventRSVPs[idx].values.eventImage#)>	<img src="#image.resolvedURL.serverrelative#" width="90" align="right" style="padding-left: 7px;">	</cfif>	<cfif #eventRSVPs[idx].values.eventCategory# CONTAINS "Admissions RSVP - Undergraduate">	<span style="font-size: 11px; display:block;">Undergraduate Event</span>	<cfelseif #eventRSVPs[idx].values.eventCategory# CONTAINS "Admissions RSVP - Adult">	<span style="font-size: 11px; display:block;">Adult Undergraduate Event</span>	<cfelseif #eventRSVPs[idx].values.eventCategory# CONTAINS "Admissions RSVP - Graduate">	<span style="font-size: 11px; display:block;">Graduate Event</span>	<cfelseif #eventRSVPs[idx].values.eventCategory# CONTAINS "Admissions RSVP - Adult and Graduate">	<span style="font-size: 11px; display:block;">Adult and Graduate Event</span>	</cfif>	<strong>#eventRSVPs[idx].values.eventTitle#</strong><br>#DateFormat(eventRSVPs[idx].values.eventStartDate, "mmmm d, yyyy")# at #TimeFormat(eventRSVPs[idx].values.eventStartTime, "short")#	</label>	</li>	</cfif>	</cfloop>	</ul>	</div>	</div>	</fieldset>	</fieldset>	<div id="program_list">	<div id="trad" style="display: none;">	<fieldset>	<legend>Select all the Traditional Undergraduate programs you are interested in:</legend>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Undecided" value="Traditional Undergraduate - Undecided / Not Sure"><label class="program" for="Undergrad-Undecided">Undecided / Not Sure</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Accounting" value="Traditional Undergraduate - Accounting"><label class="program" for="Undergrad-Accounting">Accounting</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-BilingualJournalism" value="Traditional Undergraduate - Bilingual Journalism"><label class="program" for="Undergrad-BilingualJournalism">Bilingual Journalism</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Biochemistry/MolecularBiology" value="Traditional Undergraduate - Biochemistry / Molecular Biology"><label class="program" for="Undergrad-Biochemistry/MolecularBiology">Biochemistry / Molecular Biology</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Biology" value="Traditional Undergraduate - Biology"><label class="program" for="Undergrad-Biology">Biology</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-BusinessAnalytics" value="Traditional Undergraduate - Business Analytics"><label class="program" for="Undergrad-BusinessAnalytics">Business Analytics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-BusinessandEconomics" value="Traditional Undergraduate - Business and Economics"><label class="program" for="Undergrad-BusinessandEconomics">Business and Economics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-BusinesswithScienceApplications" value="Traditional Undergraduate - Business with Science Applications"><label class="program" for="Undergrad-BusinesswithScienceApplications">Business with Science Applications</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Chemistry" value="Traditional Undergraduate - Chemistry"><label class="program" for="Undergrad-Chemistry">Chemistry</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ClinicalLaboratoryScience" value="Traditional Undergraduate - Clinical Laboratory Science"><label class="program" for="Undergrad-ClinicalLaboratoryScience">Clinical Laboratory Science</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ClinicalLifeScience-PerfusionTechnology" value="Traditional Undergraduate - Clinical Life Science - Perfusion Technology"><label class="program" for="Undergrad-ClinicalLifeScience-PerfusionTechnology">Clinical Life Science - Perfusion Technology</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ClinicalLifeScience-RespiratoryCare" value="Traditional Undergraduate - Clinical Life Science - Respiratory Care"><label class="program" for="Undergrad-ClinicalLifeScience-RespiratoryCare">Clinical Life Science - Respiratory Care</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-CommunicationArts" value="Traditional Undergraduate - Communication Arts"><label class="program" for="Undergrad-CommunicationArts">Communication Arts</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-CommunicationArts-SportsCommunication" value="Traditional Undergraduate - Communication Arts - Sports Communication"><label class="program" for="Undergrad-CommunicationArts-SportsCommunication">Communication Arts - Sports Communication</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ComputerInformationSystems" value="Traditional Undergraduate - Computer Information Systems"><label class="program" for="Undergrad-ComputerInformationSystems">Computer Information Systems</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ComputerScience" value="Traditional Undergraduate - Computer Science"><label class="program" for="Undergrad-ComputerScience">Computer Science</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-CriminalJustice" value="Traditional Undergraduate - Criminal Justice"><label class="program" for="Undergrad-CriminalJustice">Criminal Justice</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-DiagnosticMedicalSonography" value="Traditional Undergraduate - Diagnostic Medical Sonography"><label class="program" for="Undergrad-DiagnosticMedicalSonography">Diagnostic Medical Sonography</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Economics" value="Traditional Undergraduate - Economics"><label class="program" for="Undergrad-Economics">Economics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ElementaryEducation" value="Traditional Undergraduate - Elementary Education"><label class="program" for="Undergrad-ElementaryEducation">Elementary Education</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-EngineeringScience" value="Traditional Undergraduate - Engineering Science"><label class="program" for="Undergrad-EngineeringScience">Engineering Science</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-EnglishLanguageandLiterature" value="Traditional Undergraduate - English Language and Literature"><label class="program" for="Undergrad-EnglishLanguageandLiterature">English Language and Literature</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-EnvironmentalScience" value="Traditional Undergraduate - Environmental Science"><label class="program" for="Undergrad-EnvironmentalScience">Environmental Science</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ExerciseandSportsStudies" value="Traditional Undergraduate - Exercise and Sports Studies"><label class="program" for="Undergrad-ExerciseandSportsStudies">Exercise and Sports Studies</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ExerciseandSportsStudies(4+1)" value="Traditional Undergraduate - Exercise and Sports Studies (4+1)"><label class="program" for="Undergrad-ExerciseandSportsStudies(4+1)">Exercise and Sports Studies (4+1)</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Finance" value="Traditional Undergraduate - Finance"><label class="program" for="Undergrad-Finance">Finance</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-GlobalStudies(AmericanStudies)" value="Traditional Undergraduate - Global Studies (American Studies)"><label class="program" for="Undergrad-GlobalStudies(AmericanStudies)">Global Studies (American Studies)</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-GlobalStudies(AsianStudies)" value="Traditional Undergraduate - Global Studies (Asian Studies)"><label class="program" for="Undergrad-GlobalStudies(AsianStudies)">Global Studies (Asian Studies)</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-GlobalStudies(LatinStudies)" value="Traditional Undergraduate - Global Studies (Latin Studies)"><label class="program" for="Undergrad-GlobalStudies(LatinStudies)">Global Studies (Latin Studies)</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-GlobalStudies(MiddleEasternStudies)" value="Traditional Undergraduate - Global Studies (Middle Eastern Studies)"><label class="program" for="Undergrad-GlobalStudies(MiddleEasternStudies)">Global Studies (Middle Eastern Studies)</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-GraphicArtsandDesign" value="Traditional Undergraduate - Graphic Arts and Design"><label class="program" for="Undergrad-GraphicArtsandDesign">Graphic Arts and Design</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-HealthScience" value="Traditional Undergraduate - Health Science"><label class="program" for="Undergrad-HealthScience">Health Science</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-HealthScience(4+1)" value="Traditional Undergraduate - Health Science (4+1)"><label class="program" for="Undergrad-HealthScience(4+1)">Health Science (4+1)</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-History" value="Traditional Undergraduate - History"><label class="program" for="Undergrad-History">History</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-InternationalBusinessandEconomics" value="Traditional Undergraduate - International Business and Economics"><label class="program" for="Undergrad-InternationalBusinessandEconomics">International Business and Economics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-InternationalStudies" value="Traditional Undergraduate - International Studies"><label class="program" for="Undergrad-InternationalStudies">International Studies</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ManagementandOrganizationalBehavior" value="Traditional Undergraduate - Management and Organizational Behavior"><label class="program" for="Undergrad-ManagementandOrganizationalBehavior">Management and Organizational Behavior</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Marketing" value="Traditional Undergraduate - Marketing"><label class="program" for="Undergrad-Marketing">Marketing</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Mathematics" value="Traditional Undergraduate - Mathematics"><label class="program" for="Undergrad-Mathematics">Mathematics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Mathematics-ActuarialScience" value="Traditional Undergraduate - Mathematics - Actuarial Science"><label class="program" for="Undergrad-Mathematics-ActuarialScience">Mathematics - Actuarial Science</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-MedicalHumanities" value="Traditional Undergraduate - Medical Humanities"><label class="program" for="Undergrad-MedicalHumanities">Medical Humanities</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Music" value="Traditional Undergraduate - Music"><label class="program" for="Undergrad-Music">Music</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-MusicEducation" value="Traditional Undergraduate - Music Education"><label class="program" for="Undergrad-MusicEducation">Music Education</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-NuclearMedicineTechnology" value="Traditional Undergraduate - Nuclear Medicine Technology"><label class="program" for="Undergrad-NuclearMedicineTechnology">Nuclear Medicine Technology</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Nursing" value="Traditional Undergraduate - Nursing"><label class="program" for="Undergrad-Nursing">Nursing</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Nutrition" value="Traditional Undergraduate - Nutrition"><label class="program" for="Undergrad-Nutrition">Nutrition</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-NutritionEntrepreneurship" value="Traditional Undergraduate - Nutrition Entrepreneurship"><label class="program" for="Undergrad-NutritionEntrepreneurship">Nutrition Entrepreneurship</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-OperationsManagementandLogistics" value="Traditional Undergraduate - Operations Management and Logistics"><label class="program" for="Undergrad-OperationsManagementandLogistics">Operations Management and Logistics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-OrganizationDevelopmentandConsulting" value="Traditional Undergraduate - Organization Development and Consulting"><label class="program" for="Undergrad-OrganizationDevelopmentandConsulting">Organization Development and Consulting</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-OrganizationalLeadership" value="Traditional Undergraduate - Organizational Leadership"><label class="program" for="Undergrad-OrganizationalLeadership">Organizational Leadership</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Philosophy" value="Traditional Undergraduate - Philosophy"><label class="program" for="Undergrad-Philosophy">Philosophy</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-PhysicalEducation" value="Traditional Undergraduate - Physical Education"><label class="program" for="Undergrad-PhysicalEducation">Physical Education</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Physics" value="Traditional Undergraduate - Physics"><label class="program" for="Undergrad-Physics">Physics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Physics-BiologicalPhysics" value="Traditional Undergraduate - Physics - Biological Physics"><label class="program" for="Undergrad-Physics-BiologicalPhysics">Physics - Biological Physics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-PoliticalScience" value="Traditional Undergraduate - Political Science"><label class="program" for="Undergrad-PoliticalScience">Political Science</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-PoliticalScience-Pre-Law" value="Traditional Undergraduate - Political Science - Pre-Law"><label class="program" for="Undergrad-PoliticalScience-Pre-Law">Political Science - Pre-Law</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-Chiropractic" value="Traditional Undergraduate - Pre-Professional Health - Chiropractic"><label class="program" for="Undergrad-Pre-ProfessionalHealth-Chiropractic">Pre-Professional Health - Chiropractic</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-Dentistry" value="Traditional Undergraduate - Pre-Professional Health - Dentistry"><label class="program" for="Undergrad-Pre-ProfessionalHealth-Dentistry">Pre-Professional Health - Dentistry</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-Medicine" value="Traditional Undergraduate - Pre-Professional Health - Medicine"><label class="program" for="Undergrad-Pre-ProfessionalHealth-Medicine">Pre-Professional Health - Medicine</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-OccupationalTherapy" value="Traditional Undergraduate - Pre-Professional Health - Occupational Therapy"><label class="program" for="Undergrad-Pre-ProfessionalHealth-OccupationalTherapy">Pre-Professional Health - Occupational Therapy</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-Optometry" value="Traditional Undergraduate - Pre-Professional Health - Optometry"><label class="program" for="Undergrad-Pre-ProfessionalHealth-Optometry">Pre-Professional Health - Optometry</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-Pharmacy" value="Traditional Undergraduate - Pre-Professional Health - Pharmacy"><label class="program" for="Undergrad-Pre-ProfessionalHealth-Pharmacy">Pre-Professional Health - Pharmacy</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-PhysicalTherapy" value="Traditional Undergraduate - Pre-Professional Health - Physical Therapy"><label class="program" for="Undergrad-Pre-ProfessionalHealth-PhysicalTherapy">Pre-Professional Health - Physical Therapy</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-ProfessionalHealth-Podiatry" value="Traditional Undergraduate - Pre-Professional Health - Podiatry"><label class="program" for="Undergrad-Pre-ProfessionalHealth-Podiatry">Pre-Professional Health - Podiatry</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Pre-Professionalhealth-VeterinaryMedicine" value="Traditional Undergraduate - Pre-Professional health - Veterinary Medicine"><label class="program" for="Undergrad-Pre-Professionalhealth-VeterinaryMedicine">Pre-Professional health - Veterinary Medicine</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ProfessionalPracticeManagement" value="Traditional Undergraduate - Professional Practice Management"><label class="program" for="Undergrad-ProfessionalPracticeManagement">Professional Practice Management</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ProjectManagement" value="Traditional Undergraduate - Project Management"><label class="program" for="Undergrad-ProjectManagement">Project Management</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Psychology" value="Traditional Undergraduate - Psychology"><label class="program" for="Undergrad-Psychology">Psychology</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-RadiationTherapy" value="Traditional Undergraduate - Radiation Therapy"><label class="program" for="Undergrad-RadiationTherapy">Radiation Therapy</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ScholarsProgram" value="Traditional Undergraduate - Scholars Program"><label class="program" for="Undergrad-ScholarsProgram">Scholars Program</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-SecondaryEducation-Biology" value="Traditional Undergraduate - Secondary Education - Biology"><label class="program" for="Undergrad-SecondaryEducation-Biology">Secondary Education - Biology</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-SecondaryEducation-BusinessandEconomics" value="Traditional Undergraduate - Secondary Education - Business and Economics"><label class="program" for="Undergrad-SecondaryEducation-BusinessandEconomics">Secondary Education - Business and Economics</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-SecondaryEducation-Chemistry" value="Traditional Undergraduate - Secondary Education - Chemistry"><label class="program" for="Undergrad-SecondaryEducation-Chemistry">Secondary Education - Chemistry</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-ServiceManagement" value="Traditional Undergraduate - Service Management"><label class="program" for="Undergrad-ServiceManagement">Service Management</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-SportsNutrition" value="Traditional Undergraduate - Sports Nutrition"><label class="program" for="Undergrad-SportsNutrition">Sports Nutrition</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-SustainableBusinessandLeadership" value="Traditional Undergraduate - Sustainable Business and Leadership"><label class="program" for="Undergrad-SustainableBusinessandLeadership">Sustainable Business and Leadership</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Taxation" value="Traditional Undergraduate - Taxation"><label class="program" for="Undergrad-Taxation">Taxation</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-Theology" value="Traditional Undergraduate - Theology"><label class="program" for="Undergrad-Theology">Theology</label>	<input name="TradInquiryProgramInterest" type="checkbox" id="Undergrad-TrainingandDevelopment" value="Traditional Undergraduate - Training and Development"><label class="program" for="Undergrad-TrainingandDevelopment">Training and Development</label>	</fieldset>	</div>	<div id="adult" style="display: none;">	<fieldset>	<legend>Select all the Adult Accelerated programs you are interested in:</legend>	<input name="AdultInquiryProgramInterest" type="checkbox" id="Adult-Undecided" value="Adult Undergraduate - Undecided / Not Sure"><label class="program" for="Adult-Undecided">Undecided / Not Sure</label>	<input name="AdultInquiryProgramInterest" type="checkbox" id="Adult-BusinessAdministration" value="Adult Undergraduate - Business Administration"><label class="program" for="Adult-BusinessAdministration">Business Administration</label>	<input name="AdultInquiryProgramInterest" type="checkbox" id="Adult-HumanResourcesManagement" value="Adult Undergraduate - Human Resources Management"><label class="program" for="Adult-HumanResourcesManagement">Human Resources Management</label>	<input name="AdultInquiryProgramInterest" type="checkbox" id="Adult-Management" value="Adult Undergraduate - Management"><label class="program" for="Adult-Management">Management</label>	<input name="AdultInquiryProgramInterest" type="checkbox" id="Adult-Marketing" value="Adult Undergraduate - Marketing"><label class="program" for="Adult-Marketing">Marketing</label>	</fieldset>	</div>	<div id="grad" style="display: none;">	<fieldset>	<legend>Select all the Graduate or Doctoral programs you are interested in:</legend>	<h6 style="background-color: ##cc3333; color: white; padding: 4px;">&nbsp;&nbsp;Degree Programs:</h6>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-Undecided" value="Graduate - Undecided / Not Sure"><label class="program" for="Grad-Undecided">Undecided / Not Sure</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-Accountancy" value="Graduate - Accountancy"><label class="program" for="Grad-Accountancy">Accountancy</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-BusinessAdministration" value="Graduate - Master of Business Administration"><label class="program" for="Grad-BusinessAdministration">Business Administration</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-BusinessAnalytics" value="Graduate - Business Analytics"><label class="program" for="Grad-BusinessAnalytics">Business Analytics</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-ClinicalExercisePhysiology" value="Graduate - Clinical Exercise Physiology"><label class="program" for="Grad-ClinicalExercisePhysiology">Clinical Exercise Physiology</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-ClinicalPsychology" value="Graduate - Clinical Psychology"><label class="program" for="Grad-ClinicalPsychology">Clinical Psychology</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-Education" value="Graduate - Education"><label class="program" for="Grad-Education">Education</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-Linguistics" value="Graduate - Linguistics"><label class="program" for="Grad-Linguistics">Linguistics</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-ManagementandOrganizationalBehavior" value="Graduate - Management and Organizational Behavior"><label class="program" for="Grad-ManagementandOrganizationalBehavior">Management and Organizational Behavior</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-ManagementInformationSystems" value="Graduate - Management Information Systems"><label class="program" for="Grad-ManagementInformationSystems">Management Information Systems</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-Nursing" value="Graduate - Nursing"><label class="program" for="Grad-Nursing">Nursing</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-NutritionandWellness" value="Graduate - Nutrition and Wellness"><label class="program" for="Grad-NutritionandWellness">Nutrition and Wellness</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-PublicHealth" value="Graduate - Public Health"><label class="program" for="Grad-PublicHealth">Public Health</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-ReadingandLiteracy" value="Graduate - Reading and Literacy"><label class="program" for="Grad-ReadingandLiteracy">Reading and Literacy</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-ScienceContentandProcess" value="Graduate - Science Content and Process"><label class="program" for="Grad-ScienceContentandProcess">Science Content and Process</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Grad-Taxation" value="Graduate - Taxation"><label class="program" for="Grad-Taxation">Taxation</label>	<h6 style="background-color: ##cc3333; color: white; padding: 4px;">&nbsp;&nbsp;Graduate Certificates:</h6>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-Accountancy" value="Graduate Certificate - Accountancy"><label class="program" for="Cert-Accountancy">Accountancy</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-AdvancedAccounting" value="Graduate Certificate - Advanced Accounting"><label class="program" for="Cert-AdvancedAccounting">Advanced Accounting</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-AlternativeLicensure" value="Graduate Certificate - Alternative Licensure"><label class="program" for="Cert-AlternativeLicensure">Alternative Licensure</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-Auditing" value="Graduate Certificate - Auditing"><label class="program" for="Cert-Auditing">Auditing</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-BusinessAdministrationCert" value="Graduate Certificate - Business Administration"><label class="program" for="Cert-BusinessAdministrationCert">Business Administration</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-BusinessAnalyst" value="Graduate Certificate - Business Analyst"><label class="program" for="Cert-BusinessAnalyst">Business Analyst</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-BusinessAnalytics" value="Graduate Certificate - Business Analytics"><label class="program" for="Cert-BusinessAnalytics">Business Analytics</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-BusinessLaw" value="Graduate Certificate - Business Law"><label class="program" for="Cert-BusinessLaw">Business Law</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-DerivativesTrading" value="Graduate Certificate - Derivatives Trading"><label class="program" for="Cert-DerivativesTrading">Derivatives Trading</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-DisasterManagement" value="Graduate Certificate - Disaster Management"><label class="program" for="Cert-DisasterManagement">Disaster Management</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-ElectronicCommerce" value="Graduate Certificate - Electronic Commerce"><label class="program" for="Cert-ElectronicCommerce">Electronic Commerce</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-EmergencyPreparedness" value="Graduate Certificate - Emergency Preparedness"><label class="program" for="Cert-EmergencyPreparedness">Emergency Preparedness</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-EntrepreneurshipandManagingInnovation" value="Graduate Certificate - Entrepreneurship and Managing Innovation"><label class="program" for="Cert-EntrepreneurshipandManagingInnovation">Entrepreneurship and Managing Innovation</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-Epidemiology" value="Graduate Certificate - Epidemiology"><label class="program" for="Cert-Epidemiology">Epidemiology</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-FinancialManagement" value="Graduate Certificate - Financial Management"><label class="program" for="Cert-FinancialManagement">Financial Management</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-ForensicAccounting" value="Graduate Certificate - Forensic Accounting"><label class="program" for="Cert-ForensicAccounting">Forensic Accounting</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-HealthAdministration" value="Graduate Certificate - Health Administration"><label class="program" for="Cert-HealthAdministration">Health Administration</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-HealthEducationandPromotion" value="Graduate Certificate - Health Education and Promotion"><label class="program" for="Cert-HealthEducationandPromotion">Health Education and Promotion</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-HealthInformationSystemsManagement" value="Graduate Certificate - Health Information Systems Management"><label class="program" for="Cert-HealthInformationSystemsManagement">Health Information Systems Management</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-HealthManagementandPolicy" value="Graduate Certificate - Health Management and Policy"><label class="program" for="Cert-HealthManagementandPolicy">Health Management and Policy</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-HumanResourceManagement" value="Graduate Certificate - Human Resource Management"><label class="program" for="Cert-HumanResourceManagement">Human Resource Management</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-InformationSecurity" value="Graduate Certificate - Information Security"><label class="program" for="Cert-InformationSecurity">Information Security</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-InformationSystemsManagement" value="Graduate Certificate - Information Systems Management"><label class="program" for="Cert-InformationSystemsManagement">Information Systems Management</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-IntegratedMarketingCommunications" value="Graduate Certificate - Integrated Marketing Communications"><label class="program" for="Cert-IntegratedMarketingCommunications">Integrated Marketing Communications</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-InternationalManagement" value="Graduate Certificate - International Management"><label class="program" for="Cert-InternationalManagement">International Management</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-InternetMarketing" value="Graduate Certificate - Internet Marketing"><label class="program" for="Cert-InternetMarketing">Internet Marketing</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-ManagementinaProfessionalTechnicalEnvironment" value="Graduate Certificate - Management in a Professional Technical Environment"><label class="program" for="Cert-ManagementinaProfessionalTechnicalEnvironment">Management in a Professional Technical Environment</label>	<input name="GradInquiryProgramInterest" type="checkbox" id="Cert-TheologyinLife" value="Graduate Certificate - Theology in Life"><label class="program" for="Cert-TheologyinLife">Theology in Life</label>	</fieldset>	</div>	</div>	</fieldset>	</fieldset>	<input id="submit_form" class="large button expand lightblue" name="submit" type="submit" value="Send my Information" style="display: none;">	</form>
</div> </div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.1/js/foundation/foundation.abide.js'></script> <script src="js/index.js"></script>
</body>
</html>

Inquiry Form Test - Script Codes CSS Codes

/* Standard Forms */
form { margin: 0 0 1rem;
}
/* Using forms within rows, we need to set some defaults */
form .row .row { margin: 0 -0.5rem;
}
form .row .row .column,
form .row .row .columns { padding: 0 0.5rem;
}
form .row .row.collapse { margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns { padding: 0;
}
form .row .row.collapse input { border-bottom-right-radius: 0; border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns { padding-left: 0.5rem;
}
/* Label Styles */
label { font-size: 0.875rem; color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */
}
label.right { float: none !important; text-align: right;
}
label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0;
}
label small { text-transform: capitalize; color: #676767;
}
select::-ms-expand { display: none;
}
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem;
}
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none;
}
.prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none;
}
.prefix.button.radius { border-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px;
}
.postfix.button.radius { border-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px;
}
.prefix.button.round { border-radius: 0; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px;
}
.postfix.button.round { border-radius: 0; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px;
}
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc;
}
span.prefix.radius, label.prefix.radius { border-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px;
}
span.postfix, label.postfix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc;
}
span.postfix.radius, label.postfix.radius { border-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px;
}
/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea { -webkit-appearance: none; -webkit-border-radius: 0px; background-color: white; font-family: inherit; border: 1px solid #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875rem; margin: 0 0 1rem 0; padding: 0.5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus { box-shadow: 0 0 5px #999999; border-color: #999999;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus { background: #fafafa; border-color: #999999; outline: none;
}
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly], fieldset[disabled]
input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly], fieldset[disabled]
input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly], fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly], fieldset[disabled]
input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly], fieldset[disabled]
input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly], fieldset[disabled]
input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly], fieldset[disabled]
input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly], fieldset[disabled]
input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly], fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly], fieldset[disabled]
input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly], fieldset[disabled]
input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly], fieldset[disabled]
input[type="url"],
textarea[disabled],
textarea[readonly], fieldset[disabled]
textarea { background-color: #dddddd;
}
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
textarea.radius { border-radius: 3px;
}
input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0px;
}
/* Respect enforced amount of rows for textarea */
textarea[rows] { height: auto;
}
/* Add height value for select elements to match text input height */
select { -webkit-appearance: none !important; -webkit-border-radius: 0px; background-color: #fafafa; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border: 1px solid #cccccc; padding: 0.5rem; font-size: 0.875rem; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: 2.3125rem;
}
select.radius { border-radius: 3px;
}
select:hover { background-color: #f3f3f3; border-color: #999999;
}
/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select { margin: 0 0 1rem 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label { display: inline-block; /*margin-left: 0.5rem;*/ margin-right: 1rem; margin-bottom: 0; vertical-align: baseline;
}
/* Normalize file input width */
input[type="file"] { width: 100%;
}
/* We add basic fieldset styling */
fieldset { border: 1px solid #dddddd; padding: 1.25rem; margin: 1.125rem 0;
}
fieldset legend { font-weight: bold; background: white; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem;
}
/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: white;
}
[data-abide] span.error, [data-abide] small.error { display: none;
}
span.error, small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: white;
}
.error input,
.error textarea,
.error select { margin-bottom: 0;
}
.error input[type="checkbox"],
.error input[type="radio"] { margin-bottom: 1rem;
}
.error label,
.error label.error { color: #c60f13;
}
.error small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: white;
}
.error > label > small { color: #676767; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline;
}
.error span.error-message { display: block;
}
input.error,
textarea.error { margin-bottom: 0;
}
label.error { color: #c60f13;
}
/* BenUCustom */
#admissions_events { margin-top: 1rem;
}
#admissions_events select { font-size: 1.25rem; height: auto;
}
input[type=checkbox], input[type=radio] { margin: 0; position: absolute; left: -9999px;
}
input[type=checkbox] + .interest, input[type=radio] + label.interest { background-color: orange; display: inline-block; font-size: 1.1rem; padding: 1rem; color: #222; margin-right: 0; width: 100%; text-align: center;
}
@media screen and (min-width: 480px) { input[type=checkbox] + .interest, input[type=radio] + label.interest { width: 32.8%; } input[type=checkbox] + .interest#inquiryAttendEvent, input[type=radio] + label.interest#inquiryAttendEvent, input[type=checkbox] + .interest#inquiryPersonalVisit, input[type=radio] + label.interest#inquiryPersonalVisit { width: 49%; }
}
input[type=checkbox]:checked + .interest, input[type=radio]:checked + .interest { background-color: green; color: white;
}
input[type=checkbox]:checked + .interest:before, input[type=radio]:checked + .interest:before { content: '\2713'; float: left; font-size: 30px; margin: 8px 8px 0px 8px;
}
@media screen and (max-width: 480px) { input[type=checkbox] + .interest, input[type=radio] + .interest { font-size: 1.15rem; padding: 0.65rem; margin-bottom: 3px; } input[type=checkbox]:nth-child(-n+3) + .interest { width: 49%; display: inline-block; margin: 0; } input[type=checkbox]:nth-child(5) + .interest { width: 100%; display: block; margin: 0; margin-top: 3px; }
}
input[type=radio] + label.event_item { width: 100%; font-size: 1.1rem; padding: 10px; background-color: #eee; margin-right: 0;
}
input[type=radio]:checked + label.event_item { background-color: green; color: white;
}
input[type=radio]:checked + label.event_item:before { content: '\2713'; float: right; font-size: 20px; margin-left: 3px;
}
#degree_levels { margin-bottom: 20px;
}
#degree_levels label { font-size: 1.25rem;
}
#program_list input[type=checkbox] + label.program { display: block; font-size: 17px; border-bottom: 1px solid #ddd; padding: 8px 8px 8px 1em; margin-right: 0;
}
#program_list input[type=checkbox] + label.program:last-child { border-bottom: none;
}
#program_list input[type=checkbox]:checked + label.program { background-color: green; color: white;
}
#program_list input[type=checkbox]:checked + label.program:before { content: '\2713'; float: left; font-size: 18px; margin-right: 10px;
}

Inquiry Form Test - Script Codes JS Codes

function showHideFields() {	//show hide based on interest selection	if(document.getElementById("inquiryAttendEvent").checked == true) {	document.getElementById("admissions_events").style.display = "";	} else {	document.getElementById("admissions_events").style.display = "none";	for (i = 0; i < document.getElementsByName("inquiryEventRSVP").length; i++)	document.getElementsByName("inquiryEventRSVP")[i].checked = false;	};	if(document.getElementById("inquiryPersonalVisit").checked == true) {	document.getElementById("personalized_visit").style.display = "";	} else {	document.getElementById("personalized_visit").style.display = "none";	}	//show hide programs based on degree levels	if(document.getElementById("trad_programs").checked == true) {	document.getElementById("trad").style.display = "";	document.getElementById("submit_form").style.display = "";	} else {	document.getElementById("trad").style.display = "none";	for (i = 0; i < document.getElementsByName("TradInquiryProgramInterest").length; i++)	document.getElementsByName("TradInquiryProgramInterest")[i].checked = false;	}	if(document.getElementById("adult_programs").checked == true) {	document.getElementById("adult").style.display = "";	document.getElementById("submit_form").style.display = "";	} else {	document.getElementById("adult").style.display = "none";	for (i = 0; i < document.getElementsByName("AdultInquiryProgramInterest").length; i++)	document.getElementsByName("AdultInquiryProgramInterest")[i].checked = false;	}	if(document.getElementById("grad_programs").checked == true) {	document.getElementById("grad").style.display = "";	document.getElementById("submit_form").style.display = "";	} else {	document.getElementById("grad").style.display = "none";	for (i = 0; i < document.getElementsByName("GradInquiryProgramInterest").length; i++)	document.getElementsByName("GradInquiryProgramInterest")[i].checked = false;	}	}
Inquiry Form Test - Script Codes
Inquiry Form Test - Script Codes
Home Page Home
Developer Kevin Sherman
Username ksherman
Uploaded September 06, 2022
Rating 3
Size 13,131 Kb
Views 38,456
Do you need developer help for Inquiry Form Test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kevin Sherman (ksherman) Script Codes
Name
Degree Search with AngularJS
VHS tapes
BenU Button Styles
BenU Maintenance Site
Foundation Buttons Bug
Net Price Calculator - Output
Site Header - Mesa
Main Campus Homepage Concept
Major Card
Internal Page Layout - Mesa
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!