简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> HTML Tutorial> body text

How to add the values of HTML elements?

WBOY
Release： 2023-09-16 08:41:06
forward
1063 people have browsed it

How to add the values ​​of HTML elements?

This article will teach you how to add the value of an element in HTML. We have a basic understanding of the value attribute in HTML and the situations in which it is used. Let's look forward to a better understanding of the HTML value attribute.

In HTML, the value attribute is used to describe the value of the element with which it is used. It has different meanings for various HTML components. Usage - It can be used with,

It has different meanings for various types of input:

  • It specifies the text on the button when it appears in "button," "reset," and "submit".

  • It specifies the initial value of the input field when it appears in the "text", "password" and "hidden" values.

  • When "checkbox", "radio" and "picture" are present, it represents the value associated with the input.

HTML

Clickable buttons are defined in HTML by the

Example

In the example below, we have created two
Copy after login

HTMLTags

The

tag specifies a field for user input data. The most important form element is theelement. Theelement can be rendered in many different ways, depending on the type attribute.

Example

Consider the following example where we use an HTML form withtags with default values
Copy after login

When you run the above script, it will generate an output that includes an input field using the value attribute to display the first and last name default values and a submit button on the web page.

  • HTML Elements

    • List items are defined using the

  • tag. Ordered lists, unordered lists, and menu lists all use
  • tags. List items are usually displayed with bullet points in
      and . List items in
        are usually represented by numbers or letters.

        Example

        Consider the following example where we use the value attribute in an ordered list.

           
           
        1. THAR
          2.  
        2. BMW
          3.  
        3. DUCATI
          4.  
        4. BENZ
          5.  
        5. TERRANO
          6.  
        6. CIAZ
          7.
        Copy after login

        After running the above script, the output window will pop up showing an ordered list of different cars used in the script, starting from the number 100, since we have mentioned value="100" on the web page.

        Use script

        In the example below, we are running a script to change the value of a text field.

        Example

           Name:  
        Click To Change Value
        Copy after login

        When the script executes, it will generate an output containing an input field with the value "thor" and a clicked button. When the user clicks the button, the event is fired and changes the input value on the web page = "blackwidow".

    • The above is the detailed content of How to add the values of HTML elements?. For more information, please follow other related articles on the PHP Chinese website!

    Related labels：
    how html element Add values
    source：tutorialspoint.com
    Previous article：How to add space between elements? Next article：What is the role of pageXOffset attribute in JavaScript?
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    How to list data in a section by ID using while loop in PHP? I have a mysql table with these columns: series_id, series_color, product_name In the outp...
    From 2023-11-17 20:03:03
    0
    1
    290
    How to make table cell values hyperlinked in Dash? (Using Plotly, Dash, Pandas, etc.) I want to set the cell value under the "JobLink" column as a hyperlink. When I c...
    From 2023-11-17 18:47:10
    0
    1
    283
    How to access $vuetify instance in setup function Is there a way to access $vuetify (and any other added globals) in the settings function? ...
    From 2023-11-17 17:47:45
    0
    1
    366
    Module is not defined in Vue project I just created a new Vue application by running npmini tvue@latest as specified in the off...
    From 2023-11-17 12:38:53
    0
    2
    394
    How to pass key as select option value in v-for when changed (VueJS) I'm using Vue3 and Bootstrap5. I have a select with multiple options. Now I am displaying ...
    From 2023-11-17 08:55:24
    0
    1
    276
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！