HTML File Upload

HTML File Upload            

       HTML Tag 




1]File Upload Tag


<input type="file">

A control that let's the user selects a file. Use the accept attribute to define the type of files that the control can select.

File Tag program 


 <html>


<h1>File upload</h1>

 <p>Show  file-select field which allows
a file to be chosen for upload:</p>

 <form action="/action.php">

 Select a file: <input type="file"
name="myFile"><br><br>

<input type="submit">

</form>

</body>

 </html>

HTML File Upload 

Explain Program


Step 1 ]  

<html>

  • root element of an HTML document.
  • All HTML content must placed inside  tag.

Step 2]  

<body>

  • html Contains all  visible content of the webpage.
  • Text, forms, images, and everything users interact inside the <body>.

Step 3] 

<h1>File upload</h1>

  • HTML TAG heading element.
  • <h1> tag  largest and most important heading used as the title of the page or section.
  • Text: "File upload" –  page is about.

Step 4] 

<p>Show file-select field which allows a file to be chosen for upload:</p>

  • <p> defines a paragraph.
  • This gives a brief description of what the user can do on the page: choose a file for uploading.

Step 5] 

  • <form> is used to create an HTML form for user input.

Step 6] 

Select a file: <input type="file" name="myFile">

  • input  line creates the actual file selection field.
  • <input> is the most common form element for user input.

Step 7] 

<br><br>

  • These are line breaks.
  • Each <br> moves the next content to a new line.

Step 8] 

<input type="submit">

Step 9] 

</form>, </body>, </html>

  • These are closing tags for the elements opened earlier.
  • They mark the end of the form, body, and HTML document.

file Tag Output


File program output


 Reset Tag 

<input type="reset">

Reset tag  isA button that resets the contents of  the form to default values.


 Checkbox Tag


<input type="checkbox">

A check box allowing multiple values to be selected/de selected.


Related Post :-

css column-gap property

create menu card in html

design web page

Comments

Post a Comment

Popular posts from this blog

HTML Tag

Image
 HTML Tag  Html basic tag:-   <!DOCTYPE html> Html  first line of the code <!DOCTYPE html> is called a doctype declaration the browser which version of HTML the page is written . Html tag using the doctype the HTML5 , the most up-to-date version of  HTML language.The DOCTYPE declaration of the instruction to web browser of HTML the page is written in.  <HTML>:- <Html>.   </html> <html> tag tells the browser  this is HTML document . The <html> tag represent the root of  HTML document. The <html> tag is the container for other HTML elements  <!DOCTYPE> . The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext text used to reference other pieces of text, while a markup language is a series of markings that tells w...
Read more

HTML Input Type Submit Syntax and Example

Image
What is Input Type Submit in HTML The input type="submit" in HTML is used to create a submit button in a form. When a user clicks this button, it sends (submits) the form data to a server for processing. In simple words, a submit button helps users send the information they entered in a form, like login details, contact forms, or registration data. Syntax : <input type= "submit" value="submit"> type ="submit"  ➡ create a submit button  value ="send"    ➡ text shown on the button A button that submit the form.<input type ="submit"> defines  button for submitting form data  form-handler. The form-handler is typically server page with the  script for processing input data. the form -handler is specified in the forms action attribute.  ⭐ HTML Input Type Submit Syntax and Example  program <! DOCTYPE html > < html > < body > < h2 > Submit Button </ h2 > < p > The < strong >...
Read more

CSS Text Color Explained with Syntax and HTML Examples

Image
 What Is CSS Text Color This Blog You Will Learn  à®ƒ   What Is CSS Text Color  à®ƒ   Syntax   à®ƒ   Purpose of Text Color  à®ƒ    Real world Use Cases  à®ƒ    What Is CSS Text Color  Example    à®ƒ   Output What Is CSS Text Color CSS text color refers to the color applied to text content on a web page using the color property in CSS. It controls how text appears visually and plays a major role in readability, accessibility, branding, and user experience . Syntax  selector{   color:value; } Purpose of Text Color ✅ Make content readable.  ✅ Highlight important information. ✅ Match brand identity. ✅ Create visual hierarchy. ✅ Improve user experience. Real world Use Cases Highlighting error messages. Emphasizing headings. Branding and theme design improving content readability. ஃ  structure diagram examples What Is CSS Text Color Example   <! DOCTYPE html > ...
Read more