Creating and styling forms for user input is, well, an art 'form' and requires much knowledge about HTML and CSS. Creating a bulletproof form is the launching pad for dynamic web page utilization. These are the essential elements.

New

Long-Term Learning

Learn efficiently and remember over time.

Start Long-Term Learning

Get personalized study reminders at intervals optimized for better retention.
Track your progress on this set by creating a folder
Or add to an existing folder

Add this set to a folder

  • Basic HTML container tag for user-input 'goodies'

    <form>

    Attribute property used by client & server side code to access form information

    name

    Attribute property housing the URL of the file that will process the data in the form

    action

    Attribute property specifying the HTTP technique used to submit form data

    method

    Attribute default value for property "method"

    GET

    Two attribute values for the method property: ____ and _____

    GET ... POST

    Attribute property that specifies the nature of the input element

    type

    Boolean attribute that deactivates a form, graying it out

    disabled

    Boolean attribute that means a user cannot change the control's value

    readonly

    A form contains one or more _____ like text boxes, radio buttons, lists or check boxes that can receive _____

    controls (widgits, GUI elements) ...data

    GUI

    Graphical User Interface

    You code the ____ attribute to uniquely identify each form and control; the ____ attribute is used to target the control as a CSS selector. (Sometimes, they are the same)

    name ... id

    When a form is submitted to the ____ for processing, the _____ in the controls is sent along with the _____ request

    server...data...HTTP

    For the ____ method, the ____ is followed by a ____ and the name/value pairs that are separated by _____

    GET...URL...question mark...ampersands

    For the ____ method, the data is hidden

    POST

    Four common values for the 'type' attribute for buttons and the button element

    submit, reset, button, image

    The 'button' value for the type attribute is typically used to ...

    ...run a client-side script

    The ___ and ____ types submit the form to the server

    submit...image

    Attribute property that specifies the text that's displayed on the button and submitted to the server when the button is clicked

    value

    Three common values for the 'type' attribute for text fields

    text, password, hidden

    This attribute allows a coder to specify a default value for a text field

    value

    Attribute that specifies the biggest number of characters the user can put in a text field

    maxlength

    Attribute controlling the width of the text field based on the average character width of the font

    size

    It is better to use ____ to control the size of text fields

    CSS

    Boolean attribute that tells the browser to set the focus on a field when the page is loaded

    autofocus

    This attribute puts a default value or hint in a field. Unlike the value attribute, it's value is removed when the user's cursor enters the control

    placeholder

    True or false: You can see the data for a hidden field if you view the source code for the web page.

    true

    Name of the control type value that looks like a circle with a dot in it when it is selected

    radio

    Only one of these control types may be selected when placed in a group

    radio

    These control types sport a check mark in them when selected

    checkbox

    Multiple selections may be made of these controls if they are in a group

    checkbox

    This attribute name specifies what is sent to the server when a radio or checkbox is selected and submitted

    value

    This Boolean attribute causes a control to be activated when a page is loaded

    checked

    Please allow access to your computer’s microphone to use Voice Recording.

    Having trouble? Click here for help.

    We can’t access your microphone!

    Click the icon above to update your browser permissions above and try again

    Example:

    Reload the page to try again!

    Reload

    Press Cmd-0 to reset your zoom

    Press Ctrl-0 to reset your zoom

    It looks like your browser might be zoomed in or out. Your browser needs to be zoomed to a normal size to record audio.

    Please upgrade Flash or install Chrome
    to use Voice Recording.

    For more help, see our troubleshooting page.

    Your microphone is muted

    For help fixing this issue, see this FAQ.

    Star this term

    You can study starred terms together

    NEW! Voice Recording

    This is a Plus feature