Scribd Logo
Upload

Welcome to Scribd!

  • 24 views

    HTMLForms

    Uploaded by

    alaa abu madi
    HTML forms allow users to input data on a website. The data is then sent to a server-side script for processing. Forms consist of elements like input fields, labels, and buttons. The <form> element defines the form, the <input> element creates input fields, and the <button> element creates submit buttons. Forms can use the GET method, which appends data to the URL, or the POST method, which sends data in the request body.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    HTMLForms

    Uploaded by

    alaa abu madi
    24 views9 pages
    HTML forms allow users to input data on a website. The data is then sent to a server-side script for processing. Forms consist of elements like input fields, labels, and buttons. The <form> element defines the form, the <input> element creates input fields, and the <button> element creates submit buttons. Forms can use the GET method, which appends data to the URL, or the POST method, which sends data in the request body.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    HTML forms allow users to input data on a website. The data is then sent to a server-side script for processing. Forms consist of elements like input fields, labels, and buttons. The <form> element defines the form, the <input> element creates input fields, and the <button> element creates submit buttons. Forms can use the GET method, which appends data to the URL, or the POST method, which sends data in the request body.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    24 views9 pages

    HTMLForms

    Uploaded by

    alaa abu madi
    HTML forms allow users to input data on a website. The data is then sent to a server-side script for processing. Forms consist of elements like input fields, labels, and buttons. The <form> element defines the form, the <input> element creates input fields, and the <button> element creates submit buttons. Forms can use the GET method, which appends data to the URL, or the POST method, which sends data in the request body.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 9

    HTML Forms

    HTML Forms
    • HTML forms are used to collect information from users on a website.
    • They allow users to input data, which can be processed by a server-
    side script.
    • HTML forms consist of various elements, including input fields,
    labels, and buttons.
    HTML Forms Elements
    <form> element: Defines a form that collects user input.
    Attributes:
    1. action: specifies where to send the form data when submitted
    2. method: specifies the HTTP method to use when sending the form data (GET or POST)
    <input> element: Creates an input field for the user to enter data.
    Attributes:
    3. type: specifies the type of input field (text, password, checkbox, radio, email, etc.)
    4. name: specifies the name of the input field
    5. value: specifies the default value of the input field
    6. placeholder: specifies a short hint that describes the expected value of the input field
    7. required: specifies that the input field must be filled out before submitting the form
    8. readonly: specifies that the input field cannot be modified by the user
    9. disabled: specifies that the input field is disabled and cannot be used
    10.size: specifies the visible width of the input field
    11.maxlength: specifies the maximum length of the input field
    12.min and max: specifies the minimum and maximum values for a number input field
    HTML Forms Elements
    <button> element: Creates a button that can be clicked by the user to
    submit the form or perform some other action.
    Attributes:
    1. type: specifies the type of button (submit, reset, or button)
    2. name: specifies the name of the button
    3. value: specifies the value of the button
    • Other Form elements:
    • <textarea>
    • <select>
    • <label>
    Example: The Form
    • Suppose this form is accessed by
    controller’s action ‘add_user_form’
    and it’s rendered by view
    ’add_user_form.html’
    • To access this form, if it’s defined in
    default.py controller, would be:
    /default/add_user_form
    • This Form submits data collected in
    input text name and input text email to
    to the current controller action
    ‘add_user’
    Example: The Form
    • The ’add_user’ action can access
    the submitted data using web2py
    request object
    • The request object stores the
    submitted data as collection of key-
    value pairs in a dictionary called
    ‘vars’
    • So, to access the submitted name
    value:
    name= request.vars[‘name’]
    GET and POST methods
    • The difference between the POST and GET methods in HTML forms
    lies in how the data submitted in the form is transmitted to the server.
    • The default method used by the HTML form is GET
    • It can be changed using the form’s attribute method
    GET and POST methods
    GET method:
    • Submits the form data as part of the URL in the form of query
    parameters.
    • The data is visible in the URL, which means it can be bookmarked,
    cached, or shared with others.
    • It's typically used when retrieving data from the server (e.g.,
    searching, filtering, or sorting data).
    • There are limits on the amount of data that can be sent using the GET
    method, typically around 2048 characters.
    GET and POST methods
    POST method:
    • Submits the form data in the request body as a separate message.
    • The data is not visible in the URL and can't be bookmarked, cached, or
    shared with others.
    • It's typically used when sending data to the server (e.g., creating,
    updating, or deleting data).
    • There are no limits on the amount of data that can be sent using the
    POST method.

    You might also like