HTML: Difference between revisions

From Computer Science Wiki
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[file:html.png|right|frame|HTML <ref>http://www.flaticon.com/</ref>]]
[[file:html.png|right|frame|HTML <ref>https://www.flaticon.com/</ref>]]


HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages,  as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages.  
HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages,  as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages.  
Line 11: Line 11:
</html>
</html>


Content gratefully used with permission <ref>http://cs50.tv/2015/fall/#license,psets</ref>
Content gratefully used with permission   <ref>http://cs50.tv/2015/fall/#license,psets</ref>


== List of input types ==
== HTML Forms ==


The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.
HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own.


Like almost all other HTML elements, input type has a wide range of [[attributes]]. Input types have both [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes HTML global attributes] and [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes specific attributes]. Remember this.  
An HTML Form is made of one or more widgets. Those widgets can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time those widgets are paired with a label that describes their purpose — properly implemented labels are able to clearly instruct both sighted and blind users on what to enter into a form input.


How an <input> works varies considerably depending on the value of its type attribute, hence the different types are covered in their own separate reference pages. If this attributes is not specified, the default type adopted type is text. <ref>https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input</ref>
The main difference between a HTML form and a regular HTML document is that most of the time, the data collected by the form is sent to a web server. In that case, you need to set up a web server to receive and process the data. How to set up such a server is beyond the scope of this article, but if you want to know more, see Sending form data later in the module.<ref>https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Your_first_HTML_form</ref>


[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input Click here the Mozilla documentation page with links to each input type]
[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input Click here the Mozilla documentation page with links to each input type]
* [[html input types - password | password]]
* [[html input types - submit | submit]]
* [[html input types - button | button]]
* [[html input types - text | text]]
* [[html input types - textarea | textarea]]
* [[html input types - range | range]]
* [[html input types - radio | radio]]
* [[html input types - checkbox | checkbox]]
* [[html input types - datalist | datalist]]
* [[html input types - search | search]]
* [[html input types - email | email]]
* [[html input types - url | url]]
* [[html input types - tel | tel]]
* [[html input types - number | number]]
* [[html input types - range | range]]
* [[html input types - date | date]]
* [[html input types - month | month]]
* [[html input types - week | week]]
* [[html input types - time | time]]
* [[html input types - datetime-local | datetime-local]]
* [[html input types - color | color]]
* [[html input types - hidden | hidden]]


== Helpful resources ==
== Helpful resources ==
Line 56: Line 33:


* [[HTTP, HTTPS, HTML, URL, XML, XSLT, CSS]]
* [[HTTP, HTTPS, HTML, URL, XML, XSLT, CSS]]
== Do you understand this? ==


== References ==  
== References ==  

Revision as of 09:29, 2 July 2020

HTML [1]

HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages.

HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language.[2]

Introduction[edit]

Content gratefully used with permission [3]

HTML Forms[edit]

HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own.

An HTML Form is made of one or more widgets. Those widgets can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time those widgets are paired with a label that describes their purpose — properly implemented labels are able to clearly instruct both sighted and blind users on what to enter into a form input.

The main difference between a HTML form and a regular HTML document is that most of the time, the data collected by the form is sent to a web server. In that case, you need to set up a web server to receive and process the data. How to set up such a server is beyond the scope of this article, but if you want to know more, see Sending form data later in the module.[4]

Click here the Mozilla documentation page with links to each input type

Helpful resources[edit]

See also[edit]

References[edit]