Get the free HTML Forms - cs calstatela

Get Form

Show details

This document provides a comprehensive introduction to HTML forms, detailing their purpose, elements, types of controls, and methods of submission.

We are not affiliated with any brand or entity on this form

Get, Create, Make and Sign html forms - cs

Edit your html forms - cs form online

Type text, complete fillable fields, insert images, highlight or blackout data for discretion, add comments, and more.

Add your legally-binding signature

Draw or type your signature, upload a signature image, or capture it with your digital camera.

Share your form instantly

Email, fax, or share your html forms - cs form via URL. You can also download, print, or export forms to your preferred cloud storage service.

How to edit html forms - cs online

Ease of Setup

pdfFiller User Ratings on G2

Ease of Use

pdfFiller User Ratings on G2

To use our professional PDF editor, follow these steps:

Log into your account. If you don't have a profile yet, click Start Free Trial and sign up for one.

Simply add a document. Select Add New from your Dashboard and import a file into the system by uploading it from your device or importing it via the cloud, online, or internal mail. Then click Begin editing.

Edit html forms - cs. Replace text, adding objects, rearranging pages, and more. Then select the Documents tab to combine, divide, lock or unlock the file.

Get your file. Select your file from the documents list and pick your export method. You may save it as a PDF, email it, or upload it to the cloud.

pdfFiller makes dealing with documents a breeze. Create an account to find out!

Uncompromising security for your PDF editing and eSignature needs

Your private information is safe with pdfFiller. We employ end-to-end encryption, secure cloud storage, and advanced access control to protect your documents and maintain regulatory compliance.

Learn more about security & compliance

How to fill out html forms - cs

How to fill out HTML Forms

Open your HTML file in a text editor.

Start with the

Add input elements using for text fields, checkboxes, and radio buttons.

Use

for multi-line text input.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">05</div>
                                    <div class="numbered-list__description"> Include <select> and <option> for dropdown menus.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">06</div>
                                    <div class="numbered-list__description"> Label your inputs with <label> tags for accessibility.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">07</div>
                                    <div class="numbered-list__description"> Specify the method (GET or POST) and action (URL) within the <form> tag.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">08</div>
                                    <div class="numbered-list__description"> Include a submit button using <button type='submit'> or <input type='submit'>.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">09</div>
                                    <div class="numbered-list__description"> Save your changes and test the form in a web browser.</div>
                                </div>
                                                    </div>
                                                                                                                                                                    
                                            <h3 class="section-title section-title--secondary">Who needs HTML Forms?</h3>
                                                                                                                                                                    
                                            <div class="numbered-list numbered-list--two-columns">
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">01</div>
                                    <div class="numbered-list__description"> Web developers creating interactive websites.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">02</div>
                                    <div class="numbered-list__description"> Businesses needing customer feedback or information.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">03</div>
                                    <div class="numbered-list__description"> Organizations collecting user data for registrations or surveys.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">04</div>
                                    <div class="numbered-list__description"> E-commerce sites processing orders and payments.</div>
                                </div>
                                                            <div class="numbered-list__item">
                                    <div class="numbered-list__marker">05</div>
                                    <div class="numbered-list__description"> Educational institutions facilitating online applications.</div>
                                </div>
                                                    </div>
                                                </div>
        </div>
    </div>
</section>
    
    
    <section class="page-section  page-section--content page-section--main-content">
    <div class="page-section__inner">
        <div class="page-section__row">
                        <div class="page-section__column page-section__column--content">
                                                                                                            </div>
        </div>
    </div>
</section>
        <section class="page-section page-section--trust-seals">
    <div class="page-section__inner">
        <div class="page-section__row">
            <div class="page-section__column page-section__column--trust-seals">
                <div class="section-title">Fill
                                    form
                                : Try Risk Free</div>
                <div class="trust-seals js-trust-seals-sm">
                    <div class="trust-seals__item">
                        <img class="trust-seal"
                             src="https://mkt-cf.pdffiller.com/mrk/362/images/_modules/containers/trust-seals/trust-badge-1.svg" alt="Users Most Likely To Recommend - Summer 2025" loading="lazy">
                    </div>
                    <div class="trust-seals__item">
                        <img class="trust-seal"
                             src="https://mkt-cf.pdffiller.com/mrk/362/images/_modules/containers/trust-seals/trust-badge-2.svg" alt="Grid Leader in Small-Business - Summer 2025" loading="lazy">
                    </div>
                    <div class="trust-seals__item">
                        <img class="trust-seal"
                             src="https://mkt-cf.pdffiller.com/mrk/362/images/_modules/containers/trust-seals/trust-badge-3.svg" alt="High Performer - Summer 2025" loading="lazy">
                    </div>
                    <div class="trust-seals__item">
                        <img class="trust-seal"
                             src="https://mkt-cf.pdffiller.com/mrk/362/images/_modules/containers/trust-seals/trust-badge-4.svg" alt="Regional Leader - Summer 2025" loading="lazy">
                    </div>
                    <div class="trust-seals__item">
                        <img class="trust-seal"
                             src="https://mkt-cf.pdffiller.com/mrk/362/images/_modules/containers/trust-seals/trust-badge-5.svg" alt="Easiest To Do Business With - Summer 2025" loading="lazy">
                    </div>
                    <div class="trust-seals__item">
                        <img class="trust-seal"
                             src="https://mkt-cf.pdffiller.com/mrk/362/images/_modules/containers/trust-seals/trust-badge-6.svg" alt="Best Meets Requirements- Summer 2025" loading="lazy">
                    </div>
                </div>
            </div>
            <div class="page-section__column page-section__column--rating">
    <div class="rating">
        <div class="rating__title">
                            Rate the form
                    </div>
        <div class="rating-form">
            <div class="rating-form__counter">
                <div class="rating-form__counter-number">4.0</div>
                <div class="rating-form__counter-description">Satisfied</div>
            </div>
            <div class="rating-form__details">
                <div class="rating-stars" data-type="form" data-id="19867707" data-key="form_19867707" data-action="https://www.pdffiller.com/mpages/forms/send-rating">
                    <input id="rating-star-5" name="ratingStar" type="radio" value="5" >
                    <label for="rating-star-5" title="Rocks!" tabindex="0"></label>
                    <input id="rating-star-4" name="ratingStar" type="radio" checked="checked" value="4" >
                    <label for="rating-star-4" title="Pretty good" tabindex="0"></label>
                    <input id="rating-star-3" name="ratingStar" type="radio" value="3" >
                    <label for="rating-star-3" title="Meh" tabindex="0"></label>
                    <input id="rating-star-2" name="ratingStar" type="radio" value="2" >
                    <label for="rating-star-2" title="Kinda bad" tabindex="0"></label>
                    <input id="rating-star-1" name="ratingStar" type="radio" value="1" >
                    <label for="rating-star-1" title="Sucks big time" tabindex="0"></label>
                    <input type="hidden" name="csrfToken" value="505ee17504975068ffbed8c676.GdVxiL5jPuDMRWkXyOnG_X9aaBOHrMZtR6STd1Xk6_I.Kb0ZsdcTCISmLlpfv9C0kBk5UVmw3q01c5LQNhKlg4MviivK2zVs2KcWJA" />
                </div>
                <div class="rating-form__details-votes">
                    <span class="rating-form__votes">40</span> Votes
                </div>
                <input id="form-id" value="19867707" type="hidden">
            </div>
        </div>

<div class="fp-form-rating-votes-counter"></div>
    </div>
</div>
        </div>
    </div>
</section>
    
    
    
            <section class="page-section page-section--faq">
    <div class="page-section__inner">
        <h2 class="section-title">For pdfFiller’s FAQs</h2>
        <p class="section-subtitle">Below is a list of the most common customer questions. If you can’t find an answer to your question, please don’t hesitate to reach out to us.</p>
        <div class="accordion" role="tablist" aria-multiselectable="false">
                                        <div class="accordion__item" >
                    <h3 class="accordion__title js-accordion-item" role="tab" aria-selected="false" tabindex="0">
                                                                                <div class="icon-expand-status"></div>What is HTML Forms?
                                            </h3>
                                                                    <div class="accordion__body" role="tabpanel">HTML Forms are a standard way to collect user input in web applications, allowing users to enter data that can be sent to a server for processing.</div>
                                                        </div>
                            <div class="accordion__item" >
                    <h3 class="accordion__title js-accordion-item" role="tab" aria-selected="false" tabindex="0">
                                                                                <div class="icon-expand-status"></div>Who is required to file HTML Forms?
                                            </h3>
                                                                    <div class="accordion__body" role="tabpanel">Individuals and organizations that collect user data through web applications are required to use HTML Forms to ensure proper submission of data.</div>
                                                        </div>
                            <div class="accordion__item" >
                    <h3 class="accordion__title js-accordion-item" role="tab" aria-selected="false" tabindex="0">
                                                                                <div class="icon-expand-status"></div>How to fill out HTML Forms?
                                            </h3>
                                                                    <div class="accordion__body" role="tabpanel">To fill out HTML Forms, users need to enter the required data into the provided fields, select options where necessary, and then submit the form to send the information to the server.</div>
                                                        </div>
                            <div class="accordion__item" >
                    <h3 class="accordion__title js-accordion-item" role="tab" aria-selected="false" tabindex="0">
                                                                                <div class="icon-expand-status"></div>What is the purpose of HTML Forms?
                                            </h3>
                                                                    <div class="accordion__body" role="tabpanel">The purpose of HTML Forms is to gather user input and facilitate interactions on the web by enabling users to submit data for processing, such as registration, feedback, or transactions.</div>
                                                        </div>
                            <div class="accordion__item" >
                    <h3 class="accordion__title js-accordion-item" role="tab" aria-selected="false" tabindex="0">
                                                                                <div class="icon-expand-status"></div>What information must be reported on HTML Forms?
                                            </h3>
                                                                    <div class="accordion__body" role="tabpanel">HTML Forms must report information such as user inputs, selections from dropdowns or checkboxes, and any other data specified by the form's fields.</div>
                                                        </div>
                    </div>
    </div>
</section>
    
    <section class="page-section page-section--get-started">
    <div class="page-section__inner">
        <div class="page-section__wrapper">
            <div class="page-section__row">
                <div class="page-section__column page-section__column--description">
                    <div class="section-title">Fill out your html forms - cs online with pdfFiller!</div>
                    <p class="section-subtitle">
                        pdfFiller is an end-to-end solution for managing, creating, and editing documents and forms in the cloud. Save time and hassle by preparing your tax forms online.
                    </p>
                    <span class="button js-fill-form" tabindex="0">Get started now</span>
                </div>
                <div class="page-section__column page-section__column--decoration">
                    <div class="preview-wrapper">
                        <picture>
    <img          src="https://www.pdffiller.com/preview/19/867/19867707/large.png"
         alt="Form preview"
         class="preview"
         width="770"
         height="1024">
</picture>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--search">
    <div class="page-section__inner">
        <h2 class="section-title">
            Html Forms - Cs
            is not the form you're looking for?<span class='line-break'></span>Search for another form here.
        </h2>
        <form class="form form--search form--search-colored" data-search-mode="redirect">
            <div class="form__column form__column--input">
                <div class="form__input-wrapper">
                    <div class="form-icon lazy-background"></div>
                    <input class="form-input" type="text" name="q" placeholder="Describe the Form">
                    <div class="form-reset lazy-background" tabindex="0"></div>
                </div>
            </div>
            <div class="form__column form__column--button">
                <button class="button form-submit" type="submit" onclick="SearchForm(); return false;" tabindex="0">Search</button>
            </div>
            <div class="form__column form__column--google-powered">
                <div class="google-badge lazy-background"></div>
            </div>
        </form>
    </div>
</section>
            <section class="page-section page-section--related-links">
        <div class="page-section__inner">
            <h2 class="section-title">
                Related Features
                            </h2>
            <div class="related-links">
                                    <div class="related-links__item">
                        <a class="related-link" href="https://www.pdffiller.com/en/functionality/slide-comment-in-the-rent-to-own-contract.htm" title="Slide Comment in the Rent To Own Contract with ease">Slide Comment in the Rent To Own Contract with ease</a>
                    </div>
                                    <div class="related-links__item">
                        <a class="related-link" href="https://www.pdffiller.com/en/functionality/add-circle-in-the-license-agreement-template.htm" title="Add Circle in the License Agreement Template with ease">Add Circle in the License Agreement Template with ease</a>
                    </div>
                                    <div class="related-links__item">
                        <a class="related-link" href="https://www.pdffiller.com/en/functionality/add-circle-in-the-profit-sharing-agreement-template.htm" title="Add Circle in the Profit Sharing Agreement Template with ease">Add Circle in the Profit Sharing Agreement Template with ease</a>
                    </div>
                                    <div class="related-links__item">
                        <a class="related-link" href="https://www.pdffiller.com/en/functionality/add-circle-in-the-electrical-services-agreement-template.htm" title="Add Circle in the Electrical Services Agreement Template with ease">Add Circle in the Electrical Services Agreement Template with ease</a>
                    </div>
                                    <div class="related-links__item">
                        <a class="related-link" href="https://www.pdffiller.com/en/functionality/add-circle-in-the-email-cover-letter-template.htm" title="Add Circle in the Email Cover Letter Template with ease">Add Circle in the Email Cover Letter Template with ease</a>
                    </div>
                            </div>
        </div>
    </section>

<section class="page-section page-section--keywords">
        <div class="page-section__inner">
                            <h2 class="section-title">Relevant keywords</h2>
                        <div class="tags">
                                                                    <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        HTML forms
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        form elements
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        input types
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        form submission
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        checkboxes
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        radio buttons
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        text input
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        CSS styling
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        GET method
                    </a>
                                                        <a class="tag" href="https://www.pdffiller.com/19867707--CS120_FALL_2009_LECTURE_07pdf-Forms-are-used-to-submit-data-on-the-client-side-to-a-processing-agent-on-the-server-side-" rel="nofollow">
                        POST method
                    </a>
                                                                </div>
        </div>
    </section>

<section class="page-section page-section--form-previews">
    <div class="page-section__inner">
        <h2 class="section-title">
                            Related Forms
                    </h2>
        <div class="form-previews">
                            <div class="form-previews__item">

<a class="form-preview--with-description form-preview" href="https://www.pdffiller.com/57060693--Please-go-on-to-next-page-if-this-application-amount-PLUS-all-existing-"  rel="canonical"  title="(Please go on to next page if this application amount PLUS all existin">
                    <div class="form-preview__top">
                        <picture>
                            <img class="form-preview__image" src="https://www.pdffiller.com/preview/57/60/57060693.png" alt="Form preview" loading="lazy">
                        </picture>
                    </div>
                    <div class="form-preview__bottom">
                        <div class="form-preview__title">(Please go on to next page if this application amount PLUS all existin</div>
                        <div class="form-preview__description">Ago finance application for creditapplicants name (last, first, middle)social sec. no.us citizen estate of birthrate</div>
                    </div>
                    <div class="form-preview__action">
                        <span class="button button--bordered" tabindex="0">Fill Now</span>
                    </div>
                </a>
            </div>
                            <div class="form-previews__item">

<a class="form-preview--with-description form-preview" href="https://www.pdffiller.com/458147090--Finance-Staff-home-University-of-York-"  rel="canonical"  title="Finance - Staff home, University of York">
                    <div class="form-preview__top">
                        <picture>
                            <img class="form-preview__image" src="https://www.pdffiller.com/preview/458/147/458147090.png" alt="Form preview" loading="lazy">
                        </picture>
                    </div>
                    <div class="form-preview__bottom">
                        <div class="form-preview__title">Finance - Staff home, University of York</div>
                        <div class="form-preview__description">Bcd94415appb9 24/02/2011 17:51 page 1barclaycard commercialcmykpms pms pms pms nonprintingcoloursnonprint 1nonprint 2job location:energy 3cardholder application</div>
                    </div>
                    <div class="form-preview__action">
                        <span class="button button--bordered" tabindex="0">Fill Now</span>
                    </div>
                </a>
            </div>
                            <div class="form-previews__item">

<a class="form-preview--with-description form-preview" href="https://www.pdffiller.com/458147098--Untitled-Office-of-the-University-Registrar-West-Virginia-University-"  rel="canonical"  title="Untitled - Office of the University Registrar - West Virginia Universi">
                    <div class="form-preview__top">
                        <picture>
                            <img class="form-preview__image" src="https://www.pdffiller.com/preview/458/147/458147098.png" alt="Form preview" loading="lazy">
                        </picture>
                    </div>
                    <div class="form-preview__bottom">
                        <div class="form-preview__title">Untitled - Office of the University Registrar - West Virginia Universi</div>
                        <div class="form-preview__description">Senior petition to earn graduate credit qualified seniors may begin graduate study early through the</div>
                    </div>
                    <div class="form-preview__action">
                        <span class="button button--bordered" tabindex="0">Fill Now</span>
                    </div>
                </a>
            </div>
                            <div class="form-previews__item">

<a class="form-preview--with-description form-preview" href="https://www.pdffiller.com/458147099--Credit-For-Prior-Learning-Shoreline-Community-College-"  rel="canonical"  title="Credit For Prior Learning Shoreline Community College">
                    <div class="form-preview__top">
                        <picture>
                            <img class="form-preview__image" src="https://www.pdffiller.com/preview/458/147/458147099.png" alt="Form preview" loading="lazy">
                        </picture>
                    </div>
                    <div class="form-preview__bottom">
                        <div class="form-preview__title">Credit For Prior Learning Shoreline Community College</div>
                        <div class="form-preview__description">Petition for credit by prior experiential learning (pel)definition: knowledge and skills acquired through experience alone,</div>
                    </div>
                    <div class="form-preview__action">
                        <span class="button button--bordered" tabindex="0">Fill Now</span>
                    </div>
                </a>
            </div>
                            <div class="form-previews__item">

<a class="form-preview--with-description form-preview" href="https://www.pdffiller.com/458147106--Design-Documents-CouchDB-The-Definitive-Guide-"  rel="canonical"  title="Design Documents - CouchDB: The Definitive Guide">
                    <div class="form-preview__top">
                        <picture>
                            <img class="form-preview__image" src="https://www.pdffiller.com/preview/458/147/458147106.png" alt="Form preview" loading="lazy">
                        </picture>
                    </div>
                    <div class="form-preview__bottom">
                        <div class="form-preview__title">Design Documents - CouchDB: The Definitive Guide</div>
                        <div class="form-preview__description">Club petition form in order to start a new club you must fill out this</div>
                    </div>
                    <div class="form-preview__action">
                        <span class="button button--bordered" tabindex="0">Fill Now</span>
                    </div>
                </a>
            </div>
                            <div class="form-previews__item">

<a class="form-preview--with-description form-preview" href="https://www.pdffiller.com/458147109--1516-STATE-ROUTE-5-AND-20-GENEVA-NY-14456-"  rel="canonical"  title="1516 STATE ROUTE 5 AND 20, GENEVA, NY 14456">
                    <div class="form-preview__top">
                        <picture>
                            <img class="form-preview__image" src="https://www.pdffiller.com/preview/458/147/458147109.png" alt="Form preview" loading="lazy">
                        </picture>
                    </div>
                    <div class="form-preview__bottom">
                        <div class="form-preview__title">1516 STATE ROUTE 5 AND 20, GENEVA, NY 14456</div>
                        <div class="form-preview__description">For office use onlyapproved bydatesalesmanlimit1516 state route 5 and 20, geneva, ny 14456tel. 3157890095 8007324</div>
                    </div>
                    <div class="form-preview__action">
                        <span class="button button--bordered" tabindex="0">Fill Now</span>
                    </div>
                </a>
            </div>
                            <div class="form-previews__item">

<a class="form-preview--with-description form-preview" href="https://www.pdffiller.com/458147111--Credit-Card-Authorization-Form-Air-Traffic-Control-Association-"  rel="canonical"  title="Credit Card Authorization Form - Air Traffic Control Association">
                    <div class="form-preview__top">
                        <picture>
                            <img class="form-preview__image" src="https://www.pdffiller.com/preview/458/147/458147111.png" alt="Form preview" loading="lazy">
                        </picture>
                    </div>
                    <div class="form-preview__bottom">
                        <div class="form-preview__title">Credit Card Authorization Form - Air Traffic Control Association</div>
                        <div class="form-preview__description">Atc glen gilbert awards reception & banquet registration 62nd atc annual conference and exposition gaylord</div>
                    </div>
                    <div class="form-preview__action">
                        <span class="button button--bordered" tabindex="0">Fill Now</span>
                    </div>
                </a>
            </div>
                    </div>
    </div>
</section>

<section class="page-section page-section--disclaimer">
    <div class="page-section__inner">
        <div class="disclaimer">
            <div class="disclaimer__icon disclaimer__icon--blue"></div>
            <div class="disclaimer__text">If you believe that this page should be taken down, please follow our DMCA take down process
                <a class="link" href="https://www.pdffiller.com/en/dmca.htm" title="DMCA">here</a>
                .
            </div>
        </div>
        <div class="disclaimer">
            <div class="disclaimer__icon disclaimer__icon--red"></div>
            <div class="disclaimer__text">This form may include fields for payment information. Data entered in these fields is not covered by PCI DSS compliance.</div>
        </div>
    </div>
</section>

break;
            case 'handleGoogleOneTapCb':
                if (!event.data.credential) {
                    console.error('Empty credentials for Google One Tap handler');
                    break;
                }
                console.debug('handleGoogleOneTapCb');

if ($('#one-tap-button').length) {
                    $('#one-tap-button').addClass('is-hidden');
                }

handleCredentialResponse(event.data.credential);

break;
            case 'canceled':
                console.debug('Canceled due to any reason, automatically closed, 90 seconds over or user closed manually');

break;
            case 'error':
                console.error('Some Error Occurred', event.data);

break;
            case 'skipped':
                console.error('User tapped outside', event.data);

break;
            case 'closed':
                $.ajax({
                    url: host + '/mpages/trck/pf_lp_google_one_tap_closed',
                    dataType: 'json',
                    type: 'post',
                    xhrFields: {withCredentials: true},
                });

break;
            default:
        }
    });

function handleCredentialResponse(credential) {
        $.ajax(host + '/' + lang + '/login/ajaxGoogleOneTap.htm?source=lp', {
            type: "POST",
            crossDomain: true,
            xhrFields: {withCredentials: true},
            data: {id_token: credential, appKey: appKey}
        }).always(function(response) {
            console.debug(response);
            if (response.code != 200) {
                return false;
            }

if (typeof window.isGoogleOneTapButtonTriggered !== 'undefined' && window.isGoogleOneTapButtonTriggered===true) {
                $.ajax({
                    url: host + '/mpages/trck/pf_lp_google_one_tap_registration_after_hover',
                    dataType: 'json',
                    type: 'post',
                    xhrFields: {withCredentials: true},
                });
            }

if (typeof closeLogin == "function") {
                closeLogin();
            }

if (typeof closeAllModalsWithCallback == "function") {
                closeAllModalsWithCallback(function () {
                    if (typeof showModalOneTapSuccess == "function") {
                        showModalOneTapSuccess(2000);
                    }
                });
            } else {
                if (typeof showModalOneTapSuccess == "function") {
                    showModalOneTapSuccess(2000);
                }
            }

if (window.location.href.indexOf('mode=view') === -1) {
                let url = window.location.href.replace(/#.*/, "");
                if (url.indexOf('?') !== -1) {
                    url += '&mode=view'
                } else {
                    url += '?mode=view'
                }
                history.pushState({}, null, url);
            }

if (response.data && response.data.result === 'success') {
                dataLayer.push({'event':'oneTap_signup'});
            }

window.googleOneTabLoggedIn = true;
            window.user = {
                userId: response?.data?.userId || 0,
                token: response?.data?.token || '',
                email: response?.data?.email || '',
            };

if (typeof hideElementsAfterOneTapLogin == "function") {
                hideElementsAfterOneTapLogin();
            }

const event = new CustomEvent('oneTapLogged', {
                detail: {
                    userData: {
                        userId: response?.data?.userId || 0,
                        token: response?.data?.token || '',
                        internalEmail: response?.data?.pdfEmail || '',
                        email: response?.data?.email || '',
                        isPaid: response?.data?.isPaid || false,
                    }
                }
            });
            document.dispatchEvent(event);

$.getScript('https://mkt-cf.pdffiller.com/mrk/362/javascripts/product-header.js', function (data, textStatus, jqxhr) {
                handleProductHeader([
                    'https://mkt-cf.pdffiller.com/frontend/javascript-vendors.v3.0.0.min.js',
                    'https://mkt-cf.pdffiller.com/frontend/babel-polyfill.min.js',
                    'https://mkt-cf.pdffiller.com/components/combine-modal/cm/build.css',
                    'https://mkt-cf.pdffiller.com/components/combine-modal/cm-plan-upgrade/build.css',
                    'https://mkt-cf.pdffiller.com/css/landings-product-header.css',
                                        'https://mkt-cf.pdffiller.com/frontend/HeaderApp/138100/HeaderApp.js',
                ], () => {
                    const header = $('.layout-responsive__header--page-header');

if (header.length && header.hasClass('layout-responsive__header--page-header')) {
                        header.removeClass('layout-responsive__header--page-header').addClass('layout-responsive__header--page-product-header');
                    }
                })
            });
                        
        });
    }
    
</script>
    
    </div>

<div class="fp-below-the-fold-content">
        
<div class="modal modal-animation-slide modal--loader" id="popup-loader" aria-hidden="true">
    <div class="modal__overlay" tabindex="-1">
        <div class="modal__container">
            <div class="modal__inner">
                <div class="modal-loader">
                    <div class="modal-loader__progress"><svg class="spinner" width="65" height="65" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                            <circle class="path" fill="none" cx="33" cy="33" r="30"></circle>
                        </svg></div>
                    <div class="modal-loader__percentage">99%</div>
                </div>
                <div class="modal__description modal__active-loading-caption">
                    Loading, please wait
                    <span>.</span>
                    <span>.</span>
                    <span>.</span>
                </div>
            </div>
        </div>
    </div>
</div>
        
<div class="modal modal-animation-slide" id="popup-api-fail" aria-hidden="true">
  <div class="modal__overlay" tabindex="-1" data-micromodal-close="data-micromodal-close">
    <div class="modal__container" data-micromodal-close="data-micromodal-close">
      <div class="popup popup--api-fail"><span class="popup__close" data-micromodal-close="data-micromodal-close"></span>
          <div class="popup__title">We’re sorry:(</div>
          <div class="popup__message">Something went wrong! We will be looking into this with the utmost urgency</div>
      </div>
    </div>
  </div>
</div>
        <div class="modal modal-animation-slide modal--form-not-found" id="modal-form-not-found" aria-hidden="true">
    <div class="modal__overlay" tabindex="-1" data-micromodal-close="data-micromodal-close">
        <div class="modal__container" data-micromodal-close="data-micromodal-close">
            <div class="modal__inner"><button class="modal__close" data-micromodal-close="data-micromodal-close" aria-label="Close modal"></button>
                <div class="modal__row modal__row--error">
                    <div class="modal__column modal__column--image">
                        <img class="modal__error-image" src="https://mkt-cf.pdffiller.com/mrk/362/images/_global/modals/decoration-fail.svg" alt="Error icon"></div>
                    <div class="modal__column modal__column--description">
                        <div class="section-title">
                            File not found
                        </div>
                        <div class="section-text">The requested file was not found on our document library</div>
                    </div>
                </div>
                                    <div class="section-subtitle">Find the right form for you and fill it out:</div>
                    <div class="documents documents--get-form">
                        <div class="documents__item" onclick="return fillForm(57060693)"><a class="document" title="(Please go on to next page if this application amount PLUS all existing ..."><div class="document__title">(Please go on to next page if this...</div><div class="document__preview"><img class="document__image lazyload" data-original="https://www.pdffiller.com/preview/57/60/57060693.png" alt="(Please go on to next page if this application amount PLUS all existing ..." width="298" height="386"></div><button class="button button--bordered">Get Form</button></a></div><div class="documents__item" onclick="return fillForm(458147090)"><a class="document" title="Finance - Staff home, University of York"><div class="document__title">Finance - Staff home, University of York</div><div class="document__preview"><img class="document__image lazyload" data-original="https://www.pdffiller.com/preview/458/147/458147090.png" alt="Finance - Staff home, University of York" width="298" height="386"></div><button class="button button--bordered">Get Form</button></a></div><div class="documents__item" onclick="return fillForm(458147098)"><a class="document" title="Untitled - Office of the University Registrar - West Virginia University"><div class="document__title">Untitled - Office of the University...</div><div class="document__preview"><img class="document__image lazyload" data-original="https://www.pdffiller.com/preview/458/147/458147098.png" alt="Untitled - Office of the University Registrar - West Virginia University" width="298" height="386"></div><button class="button button--bordered">Get Form</button></a></div>                    </div>
                                <form class="form form--search" action="https://www.pdffiller.com/en/fillable-pdf-forms-search-engine.htm" data-caption-get-form="Get Form">
                    <input type="hidden" name="old" id="search_text_back" value="" />
                    <div class="form__column form__column--input">
                        <div class="form__input-wrapper">
                            <div class="form-icon lazy-background"></div>
                            <input class="form-input" type="text" placeholder="">
                            <div class="form-reset lazy-background" tabindex="0"></div>
                        </div>
                    </div>
                    <div class="form__column form__column--button">
                        <button class="button form-submit" type="submit">Search</button>
                    </div>
                    <div class="form__column form__column--google-powered">
                        <div class="google-badge lazy-background"></div>
                    </div>
                </form>
                <div class="modal-search-results">
                        <div class="modal-search-results__title">Search results</div>
                        <div class="modal-search-results__no-results">No results. Please check your spelling or try another term.</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal modal-animation-slide modal--one-tap-success" id="modal-one-tap-success" aria-hidden="true">
    <div class="modal__overlay" tabindex="-1" data-micromodal-close="data-micromodal-close">
        <div class="modal__container" data-micromodal-close="data-micromodal-close">
            <div class="modal__inner">
                <button class="modal__close" data-micromodal-close="data-micromodal-close" aria-label="Close modal"></button>
                <div class="section-title">
                    You have been successfully registered in pdfFiller
                </div>
            </div>
        </div>
    </div>
</div>
                <div class="popup-form">
    <div class="popup-form__row">
        <div class="popup-form__column popup-form__column--title">
            <div class="popup-form__title">Complete the html forms - cs  for free</div>
        </div>
        <div class="popup-form__column popup-form__column--button">
            <div class="button-wrapper">
                <span class="button js-fill-form" tabindex="0">Get Form</span>
            </div>
        </div>
    </div>
</div>
    </div>

var isTracked = document.cookie.match(/^(.*;)?\s*pf_get_forms_click_tracked\s*=\s*[^;]+(.*)?$/);
            if (isTracked) {
                return;
            }
            const url = 'https://www.pdffiller.com/mpages/trck/pf_get_forms_click';
            fetch(url, {
                method: 'POST',
                credentials: 'include'
            });
        }

function fillForm(formId) {
                    var isCurrentForm = formId === 19867707;
            var isSubdomain =  false ;
            var isDoc = false;
            var isXls = false;
            var isSellMyForm =  false ;
            var isLoaderRequired = true;
            var editorUrl = '';

if (isSellMyForm && isCurrentForm) {
                editorUrl = '/';
            } else if (isDoc && isCurrentForm) {
                editorUrl = lang.replace('/') + "/texteditor/form/" + formId;
            } else if (isXls && isCurrentForm) {
                editorUrl = lang.replace('/') + "/spreadsheet/form/" + formId;
            } else if (isSubdomain) {
                editorUrl = 'https://www.pdffiller.com/en/uploader/form';
            }

var payload = {
                f: formId,
                pdf: '',
                PHPSESSID: '',
                youtube: '',
                isLoaderRequired: isLoaderRequired,
                pdf_content: '0'
            };

localStorage.setItem('fillFormId', 19867707)
            Cookies.set('fillFormId', 19867707, {domain: '.pdffiller.com'})

return goToProduct(payload, editorUrl);
            }

function fillCurrentForm() {

trackGetFormClick();

return fillForm(19867707);
            }

document.addEventListener('click', function (event) {
            const target = event.target;
            if (target.classList.contains('js-fill-form') || target.closest('.js-fill-form')) {
                fillCurrentForm();
            }
        });

<script>
    dataLayer = [];
                                dataLayer.push({
        'Module': 'forms_directory',
                        'ModuleAction': 'form_page',
                        'ItemID': '19867707',
                'Language': 'en',
    });
    </script>
<script>
    // ========== GTM Script Loading Tracking ==========
    const scriptsToTrack = {
        '/cntnr': {
            event: 'pf_gtm_loaded',
            tracked: false
        },
        '/mrktng': {
            event: 'pf_gtag_loaded',
            tracked: false
        },
        'googletagmanager.com/gtm.js': {
            event: 'pf_gtm_loaded',
            tracked: false
        },
        'googletagmanager.com/gtag/js': {
            event: 'pf_gtag_loaded',
            tracked: false
        }
    };

function checkAndTrackScript(scriptElement) {
        const src = scriptElement.src;

for (const [urlPattern, config] of Object.entries(scriptsToTrack)) {
            if (src.includes(urlPattern) && !config.tracked) {
                scriptElement.addEventListener('load', function() {
                    trackEvent(config.event);
                    config.tracked = true;
                });

scriptElement.addEventListener('error', function() {
                    trackEvent(config.event.replace('_loaded', '_error'));
                    config.tracked = true;
                });

if (scriptElement.complete) {
                    trackEvent(config.event);
                    config.tracked = true;
                }
            }
        }
    }

// ========== GTM Conversion Request Tracking ==========
    let conversionTracked = false;

const conversionPatterns = [
        '/pagead/1p-conversion/',
        '/pagead/conversion/',
        '/pagead/viewthroughconversion/'
    ];

function isConversionRequest(url) {
        if (!url || typeof url !== 'string') return false;
        if (!url.includes('/pagead/')) return false;
        return conversionPatterns.some(pattern => url.includes(pattern));
    }

function trackConversion() {
        if (!conversionTracked) {
            conversionTracked = true;
            trackEvent('gtm_conversion_sent');
            console.debug('GTM conversion request detected and tracked');

// Disconnect observers after tracking to improve performance
            if (window.__gtmObserver) {
                window.__gtmObserver.disconnect();
            }
            if (window.__gtmPerfObserver) {
                window.__gtmPerfObserver.disconnect();
            }
        }
    }

// ========== Intercept Network Requests ==========
    // Intercept fetch
    const originalFetch = window.fetch;
    window.fetch = function(...args) {
        if (!conversionTracked) {
            const url = typeof args[0] === 'string' ? args[0] : args[0]?.url;
            if (url && isConversionRequest(url)) {
                trackConversion();
            }
        }
        return originalFetch.apply(this, args);
    };

// Intercept XMLHttpRequest
    const originalOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function(method, url, ...rest) {
        if (!conversionTracked && typeof url === 'string' && isConversionRequest(url)) {
            trackConversion();
        }
        return originalOpen.apply(this, [method, url, ...rest]);
    };

// ========== Unified MutationObserver ==========
    document.querySelectorAll('script').forEach(checkAndTrackScript);

window.__gtmObserver = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            mutation.addedNodes.forEach((node) => {
                // Track script loading
                if (node.tagName === 'SCRIPT') {
                    checkAndTrackScript(node);
                }

// Track conversion requests (IMG/IFRAME pixels)
                if (!conversionTracked) {
                    if ((node.tagName === 'IMG' || node.tagName === 'IFRAME') &&
                        node.src && isConversionRequest(node.src)) {
                        trackConversion();
                    }
                }
            });
        });
    });

window.__gtmObserver.observe(document.documentElement, {
        childList: true,
        subtree: true
    });

if ('PerformanceObserver' in window) {
        try {
            window.__gtmPerfObserver = new PerformanceObserver((list) => {
                if (conversionTracked) return;

for (const entry of list.getEntries()) {
                    if (isConversionRequest(entry.name)) {
                        trackConversion();
                        return;
                    }
                }
            });

window.__gtmPerfObserver.observe({ entryTypes: ['resource'] });
        } catch (e) {
            console.debug('PerformanceObserver not supported');
        }
    }
</script>

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-MJVML5S');</script>
    
    
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJVML5S"
            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<script>
    if (typeof initWebVitals === "function") {
        initWebVitals({
            baseUrl: "https://www.pdffiller.com/mkt/v.php",
            pageName: "Forms pages",
            pageVersion: "Original",
            device: "desktop"
        })
    }
</script>
        <script async
            src="https://cdn.mrkhub.com/sks/js/sks_track.js"
            onload="eventOnloadSks()"></script>
    <script>
    function eventOnloadSks() {
                        return false;
    }
    </script>

</script>
    
</body>
</html>