Skip to content
Related Articles
Open in App
Not now

Related Articles

Semantic-UI Input Types

Improve Article
Save Article
  • Last Updated : 01 Feb, 2022
Improve Article
Save Article

Semantic UI is an open-source front-end development framework similar to Bootstrap to design an attractive web page. It has lots of components that help to create an attractive and responsive website layout.

Semantic-UI Input is a field that is used to get input from the users. Input type define the type of the input you asked from the user.

Semantic-UI Input Types Class:

  • input: This class is used to create a standard input field.


<div class="ui input">
  <input type="text" placeholder="">

Note: The input type in Semantic-UI is the same as the input type in HTML.



<!DOCTYPE html>
    <title>Semantic-UI Input Types</title>
    <link href=
        rel="stylesheet" />
    <script src=
        <h1 style="color: green;">
        <h3>Semantic-UI Input Types</h3>
        <div class="ui input">
            <input type="text" 
                placeholder="Enter Name">
        <div class="ui input">
            <input type="number" 
                placeholder="Enter Contact No.">
        <div class="ui input">
            <input type="email" 
                placeholder="Enter Email Id">



My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!