HTML Forms

 

<!DOCTYPE html>

<html>

<body>

 

<h2>LAB-06 HTML Forms</h2>

 

<form action="/action_page.php">

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname" value=""><br>

<label for="lname">Last name:</label><br>

<input type="text" id="lname" name="lname" value=" "><br><br>

<input type="submit" value="Submit">

</form>

 

<p>If you click the "submit" button, the form-data will be sent to a page called "/action_page.php".</p>

 

</body>

</html>

Output:

Question 1

<!DOCTYPE html> It is used to tell the browser what kind of document to display, in this case html. It is used for all HTML documents.

<html> The main language of the document. Is used to build the content which the browser reads. All web pages have the tag.

<body> It defines the body of the document.

<p> It represents paragraph.

<h1> to <h6> it defines the headings of the document.

<br> it defines line break.

<form> it creates a form in HTML,

Question 2

<!DOCTYPE html>

<html>

<body>

 

<h2>LAB-06 HTML Forms</h2>

 

<form action="/action_page.php">

<label for="fname">First name:</label>

<input type="text" id="fname" name="fname" value="">

<label for="lname">Last name:</label>

<input type="text" id="lname" name="lname" value=" "><br><br>

<label for="id">ID:</label>

<input type="number" id="id" name="id" value=" ">

<label for="age">AGE:</label>

<input type="number" id="age" name="age" value=" "><br><br>

<input type="submit" value="Submit">

</form>


<p>If you click the "submit" button, the form-data will be sent to a page called "/action_page.php".</p>

 

</body>

</html>

Comments

Post a Comment

Popular posts from this blog

My Page 2

Image
 Here's my 2nd try making a website Question 1  <html> - Defines the HTML document <head> -  Contains metadata/information for the document <title>My   First   Webpage</title> -  Defines a title  for the document </head> <body> - Defines the document's body <h1   align="center">My   First   Webpage</h1> - HTML headings <p>Welcome to my first webpage.<br>I am using text editor and plain old html <p>By   learning   html,   I'll   be   able   to   create   web   pages   like   a   pro... <br> -  line break which   I   am   of   course.</p> - Defines paragraph </body> </html> Question 2 - Singular Tags - Works alone and are usually  placed before the text you want formatted - Paired Tags - Require an opening tag that turns a formatting feature on and a closing...
Read more

TCP//IP

Image
1.How to check your computer IP address? Give me several ways on how to do it. Method 1: Finding IP address using control panel (Windows) Step 1: Search  “View network connections” in the Windows search bar. Step 2:  Double click your active connections. Step 3:  Click “Details” and the IP address is beside the “IPv4 Address”. Method 2: Run cmd.exe and type ipconfig. 2. How are we going to setup static IP configuration? Step 1: Search  “View network connections” in the Windows search bar. Step 2: Right  click your active connections and go to "Properties". Step 3: Click "Internet Protocol Version 4 (TCP/IPv4)" and go to "Properties" Step 4: Click "Use the following IP address" and enter the IP address in the "Subnet mask". 3. When do we need to setup static IP configuration? - Setting up a home file server - Adding a second router to a network - Sharing a printer over a network 4. Do you know the type of UTHM IP configura...
Read more

Internal and External CSS

Image
 Example of using Internal CSS in HTML <!DOCTYPE html> <html> <style>      body {background-color: powderblue;}      h1   {color: blue;}      p     {color: red;} </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> Output: Example of using External CSS in HTML <!DOCTYPE html> <html> <head>      <link rel="stylesheet" href="styles.css"> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> Output: No colour because no External CSS file detected
Read more