5 HTML Input Types You are Missing

Discussion in 'HTML & Website Design' started by DevHub, Nov 20, 2022.

  1. #1
    Input tags allow users to key in data with declared input controls. The input attribute determines the type of data the user can enter.

    Mostly input tags are used within <forms>, without attribute and element input tags are empty and can receive any data without validating it.

    Some of these attributes are;
    Types

    Value

    Placeholder

    Name

    Alt

    Checked

    Disable

    Form

    Max

    Required

    Readonly

    Accept

    Align

    dirname

    Autocomplete

    Width

    Src

    Step

    And many more

    Here are the 5 inputs every developer must know

    Input type=” range”

    This is an alternative for numerical input. It uses min-max to set ranges.


    [​IMG]







    Input type=” datetime-local”

    As the name sounds, this input allows users to set dates and times.







    [​IMG]

    Input=” Tel”

    This input type is used when you want the user to enter a phone number. The input makes use of numeric and so it opens the user’s numeric keyboard.



    [​IMG]



    Input=” Color”

    This is a colour picker input. It allows users to pick a colour on your website.



    [​IMG]



    Input=” Search”

    The search input creates a rectangular bar where users can key in any search queries.



    [​IMG]

    Conclusion
    Make sure you try to incorporate these tags in your new project. If you find this helpful share and also comment below. Thank you. You can visit anythingprogramming dot com for more content like this.
     
    Last edited: Nov 20, 2022
    DevHub, Nov 20, 2022 IP