Friday, April 27, 2018

103 JavaScript and HTML Form

103 JavaScript and HTML Form




1) Create the folder structure: C: 103HtmlForm


2) Create the index.html file in the folder C: 103HtmlForm



3) Type the following codes into index.html file:
<html>
   <head>
      <title>Html-Form</title>
   </head>
   <body>
      <form name="myform" action="" method="get">
         Please type input values: <br/>
         <input type="text" name="inputbox" value=""/><br/>
         <input type="button" name="button" value="Click"/>
      </form>
   </body>

</html>



4) Open the index.html file using Chrome. (file:///C:/Z/103HtmlForm/index.html)


5) Summary:
a) <form> allows user to give input values to computer for processing.
b) <input type="text".../> is used to get text or numbers.
c) <input type="button .../> is used to get Click input.

Next, we will learn the processing technique using JavaScript.


visit link download

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.