Meanstack Dev Lab2: AIDS

 Module Name: Creating Form Elements, Color and Date Pickers, Select and Datalist  Elements




<html>


   <head>

      <title>IEKart-Electronics</title>

   </head>

   <body>

<form action = "new.js" method = "post">  

   <p> 

      <label for = "firstname">first name: </label> 

      <input type = "text" id = "firstname" required /><br /> 

   

      <label for = "lastname">last name: </label> 

      <input type = "text" id = "lastname" required /><br /> 

   

  <label for = "dob">date of birth: </label> 

      <input type = "date" id = "dob"><br />

  

  <label for = "state">state: </label> 

     <select name="states" id="state">

<option value="AP">AP</option>

<option value="TS">TS</option>

<option value="TN">TN</option>

<option value="UP">UP</option>

     </select><br />

   <p>

            Select your favorite color:

            <input type="color" value="red" id="color" />

        </p>

      <label for = "email">email: </label> 

      <input type = "text" id = "email"><br> 

   

      <input type = "radio" name = "gender" value = "male"> Male<br> 

      <input type = "radio" name = "gender" value = "female"> Female<br> 

      <input type = "submit" value = "send"> <input type = "reset"> 

   </p> 

</form> 

 </body>

</html>

Comments

Post a Comment

Popular posts from this blog

AIDS Meanstack Sample questions

Image
1.  1. A AIM:  Include the Metadata element in Homepage.html for providing description as "IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessories etc. Program: <html> <head>   <meta charset="UTF-8">   <meta name="description" content="IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessories etc. ">   <meta name="keywords" content="Electronics, Clothing, Accessories" >   <meta name="author" content="John Doe">   <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessorie...
Read more
      1.         A) Link "Login", "SignUp" and "Track order" to "Login.html", "SignUp.html" and "Track.html" page respectively.    B) Show functionality of the global attributes such as contenteditable, spellcheck, id      2.          Create following  Tables with Table Elements : Colspan/Rowspan Attributes,  Try different border, cellspacing, cellpadding attributes       3.         A) Create Form Elements, Color and Date Pickers, Select and Datalist Elements B) Add media content in a frame using audio, video, iframe elements to the Home page of IEKart's Shopping application.        4. Write a JavaScript program to find the area of a circle using radius   and PI (const) using HTML   5. ...
Read more

Express.js Registration form data 2 Server

Open Command prompt and Go to your Project folder and run these commands    npm install --save pug npm install --save body-parser npm install --save multer create index.js file in your project folder from Visual studio code with following code var express = require ( 'express' ); var bodyParser = require ( 'body-parser' ); var multer = require ( 'multer' ); var upload = multer (); var app = express (); app . get ( '/' , function ( req , res ){     res . render ( 'form' ); }); app . set ( 'view engine' , 'pug' ); app . set ( 'views' , './views' ); // for parsing application/json app . use ( bodyParser . json ()); // for parsing application/xwww- app . use ( bodyParser . urlencoded ({ extended : true })); //form-urlencoded // for parsing multipart/form-data app . use ( upload . array ()); app . use ( express . static ( 'public' )); app . post ( '/' , function ( req , res ){     console . l...
Read more