Soumettre la recherche
Mettre en ligne
4.1 html lec 4
•
0 j'aime
•
57 vues
IoT Code Lab
Suivre
Web Design with HTML, CSS, Bootstrap Course Lecture 4.
Lire moins
Lire la suite
Formation
Signaler
Partager
Signaler
Partager
1 sur 32
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
1.1 html lec 1
1.1 html lec 1
IoT Code Lab
Getting Information through HTML Forms
Getting Information through HTML Forms
Mike Crabb
7.1 html lec 7
7.1 html lec 7
IoT Code Lab
6.1 html lec 6
6.1 html lec 6
IoT Code Lab
Html 5 Forms
Html 5 Forms
Jim Gerland
HTML5 Web Forms
HTML5 Web Forms
Estelle Weyl
HTML presentation for beginners
HTML presentation for beginners
jeroenvdmeer
HTML all tags .........its to much helpful for beginners
HTML all tags .........its to much helpful for beginners
Nimrakhan89
Recommandé
1.1 html lec 1
1.1 html lec 1
IoT Code Lab
Getting Information through HTML Forms
Getting Information through HTML Forms
Mike Crabb
7.1 html lec 7
7.1 html lec 7
IoT Code Lab
6.1 html lec 6
6.1 html lec 6
IoT Code Lab
Html 5 Forms
Html 5 Forms
Jim Gerland
HTML5 Web Forms
HTML5 Web Forms
Estelle Weyl
HTML presentation for beginners
HTML presentation for beginners
jeroenvdmeer
HTML all tags .........its to much helpful for beginners
HTML all tags .........its to much helpful for beginners
Nimrakhan89
Html basics 10 form
Html basics 10 form
H K
Class 10th FIT Practical File(HTML)
Class 10th FIT Practical File(HTML)
Anushka Rai
HTML practical guide for O/L exam
HTML practical guide for O/L exam
Anne Perera
Html5 structure tags
Html5 structure tags
SEO SKills
Learning Html
Learning Html
Damian Gonz
PHP Forms PHP 05
PHP Forms PHP 05
Spy Seat
Introhtml 2
Introhtml 2
bluejayjunior
WDD
WDD
cpjcollege
Learn HTML Easier
Learn HTML Easier
Karthick Mathesh
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalore
fathima12
Html basics
Html basics
Vjay Vijju
Html presentation
Html presentation
Amber Bhaumik
HTML Training Centre in Ambala ! Batra Computer Cetre
HTML Training Centre in Ambala ! Batra Computer Cetre
jatin batra
Html forms
Html forms
nobel mujuji
Handout2 formatting tags
Handout2 formatting tags
Nadine Guevarra
HyperText Markup Language - HTML
HyperText Markup Language - HTML
Sun Technlogies
Twitter Bootstrap Comprehensive Overview
Twitter Bootstrap Comprehensive Overview
Mohamed Loey
5.1 html lec 5
5.1 html lec 5
IoT Code Lab
Login and Registration form using oop in php
Login and Registration form using oop in php
herat university
Designing web pages html forms and input
Designing web pages html forms and input
Jesus Obenita Jr.
HTML FORMS.pptx
HTML FORMS.pptx
Sierranaijamusic
I211 – Information Infrastructure IILecture 20TodayCGI.docx
I211 – Information Infrastructure IILecture 20TodayCGI.docx
florriezhamphrey3065
Contenu connexe
Tendances
Html basics 10 form
Html basics 10 form
H K
Class 10th FIT Practical File(HTML)
Class 10th FIT Practical File(HTML)
Anushka Rai
HTML practical guide for O/L exam
HTML practical guide for O/L exam
Anne Perera
Html5 structure tags
Html5 structure tags
SEO SKills
Learning Html
Learning Html
Damian Gonz
PHP Forms PHP 05
PHP Forms PHP 05
Spy Seat
Introhtml 2
Introhtml 2
bluejayjunior
WDD
WDD
cpjcollege
Learn HTML Easier
Learn HTML Easier
Karthick Mathesh
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalore
fathima12
Html basics
Html basics
Vjay Vijju
Html presentation
Html presentation
Amber Bhaumik
HTML Training Centre in Ambala ! Batra Computer Cetre
HTML Training Centre in Ambala ! Batra Computer Cetre
jatin batra
Html forms
Html forms
nobel mujuji
Handout2 formatting tags
Handout2 formatting tags
Nadine Guevarra
HyperText Markup Language - HTML
HyperText Markup Language - HTML
Sun Technlogies
Twitter Bootstrap Comprehensive Overview
Twitter Bootstrap Comprehensive Overview
Mohamed Loey
Tendances
(17)
Html basics 10 form
Html basics 10 form
Class 10th FIT Practical File(HTML)
Class 10th FIT Practical File(HTML)
HTML practical guide for O/L exam
HTML practical guide for O/L exam
Html5 structure tags
Html5 structure tags
Learning Html
Learning Html
PHP Forms PHP 05
PHP Forms PHP 05
Introhtml 2
Introhtml 2
WDD
WDD
Learn HTML Easier
Learn HTML Easier
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalore
Html basics
Html basics
Html presentation
Html presentation
HTML Training Centre in Ambala ! Batra Computer Cetre
HTML Training Centre in Ambala ! Batra Computer Cetre
Html forms
Html forms
Handout2 formatting tags
Handout2 formatting tags
HyperText Markup Language - HTML
HyperText Markup Language - HTML
Twitter Bootstrap Comprehensive Overview
Twitter Bootstrap Comprehensive Overview
Similaire à 4.1 html lec 4
5.1 html lec 5
5.1 html lec 5
IoT Code Lab
Login and Registration form using oop in php
Login and Registration form using oop in php
herat university
Designing web pages html forms and input
Designing web pages html forms and input
Jesus Obenita Jr.
HTML FORMS.pptx
HTML FORMS.pptx
Sierranaijamusic
I211 – Information Infrastructure IILecture 20TodayCGI.docx
I211 – Information Infrastructure IILecture 20TodayCGI.docx
florriezhamphrey3065
Begin scripting
Begin scripting
Debjani Roy
Lesson 1
Lesson 1
vmmanikandan
Introduction html
Introduction html
Mayank Saxena
Html form tag
Html form tag
shreyachougule
Form using html and java script validation
Form using html and java script validation
Maitree Patel
JS1.pdf
JS1.pdf
Fajar Baskoro
Html forms
Html forms
KoreshPadhi
PHP-04-Forms.ppt
PHP-04-Forms.ppt
NatureLifearabhi
Web Development Course: PHP lecture 2
Web Development Course: PHP lecture 2
Gheyath M. Othman
HTML5 - Forms
HTML5 - Forms
tina1357
Php forms and validations by naveen kumar veligeti
Php forms and validations by naveen kumar veligeti
Naveen Kumar Veligeti
18servers And Forms
18servers And Forms
Adil Jafri
計算機概論20161205
計算機概論20161205
志宇 許
3 php forms
3 php forms
hello8421
Web Technology Lab File
Web Technology Lab File
Kandarp Tiwari
Similaire à 4.1 html lec 4
(20)
5.1 html lec 5
5.1 html lec 5
Login and Registration form using oop in php
Login and Registration form using oop in php
Designing web pages html forms and input
Designing web pages html forms and input
HTML FORMS.pptx
HTML FORMS.pptx
I211 – Information Infrastructure IILecture 20TodayCGI.docx
I211 – Information Infrastructure IILecture 20TodayCGI.docx
Begin scripting
Begin scripting
Lesson 1
Lesson 1
Introduction html
Introduction html
Html form tag
Html form tag
Form using html and java script validation
Form using html and java script validation
JS1.pdf
JS1.pdf
Html forms
Html forms
PHP-04-Forms.ppt
PHP-04-Forms.ppt
Web Development Course: PHP lecture 2
Web Development Course: PHP lecture 2
HTML5 - Forms
HTML5 - Forms
Php forms and validations by naveen kumar veligeti
Php forms and validations by naveen kumar veligeti
18servers And Forms
18servers And Forms
計算機概論20161205
計算機概論20161205
3 php forms
3 php forms
Web Technology Lab File
Web Technology Lab File
Plus de IoT Code Lab
Chapter 1 Basic Programming (Python Programming Lecture)
Chapter 1 Basic Programming (Python Programming Lecture)
IoT Code Lab
Chapter 2 Decision Making (Python Programming Lecture)
Chapter 2 Decision Making (Python Programming Lecture)
IoT Code Lab
Chapter 0 Python Overview (Python Programming Lecture)
Chapter 0 Python Overview (Python Programming Lecture)
IoT Code Lab
3.1 html lec 3
3.1 html lec 3
IoT Code Lab
2.1 html lec 2
2.1 html lec 2
IoT Code Lab
1.0 intro
1.0 intro
IoT Code Lab
Plus de IoT Code Lab
(6)
Chapter 1 Basic Programming (Python Programming Lecture)
Chapter 1 Basic Programming (Python Programming Lecture)
Chapter 2 Decision Making (Python Programming Lecture)
Chapter 2 Decision Making (Python Programming Lecture)
Chapter 0 Python Overview (Python Programming Lecture)
Chapter 0 Python Overview (Python Programming Lecture)
3.1 html lec 3
3.1 html lec 3
2.1 html lec 2
2.1 html lec 2
1.0 intro
1.0 intro
Dernier
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Pooja Bhuva
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
Nguyen Thanh Tu Collection
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Pooja Bhuva
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
marlenawright1
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
Jisc
Understanding Accommodations and Modifications
Understanding Accommodations and Modifications
MJDuyan
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
Celine George
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
jbellavia9
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Denish Jangid
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
Poh-Sun Goh
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
christianmathematics
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
Mebane Rash
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
TechSoup
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
Dr. Ravikiran H M Gowda
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
Application orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
RamjanShidvankar
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
pradhanghanshyam7136
Dernier
(20)
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
Understanding Accommodations and Modifications
Understanding Accommodations and Modifications
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
Application orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
4.1 html lec 4
1.
2.
IoT Code LabS
M A R T T E C H L I F E iotcodelab.com RESEARCH DEVELOPMENT TRAINING
3.
HTML: LEC 4 F
O R M ( B A S I C )
4.
HTML : FORM Forms
is used to take User Input We Make a Form using HTML Code Form Data is processed by PHP
5.
HTML : FORM <form> <input
type=“text”><br><br> <input type=“password”><br><br> <input type=“submit”> </form>
6.
HTML : FORM
INPUT <form> <input type=“text”><br><br> <input type=“password”><br><br> </form>
7.
HTML : FORM
SUBMIT <form> <input type=“text”><br><br> <input type=“password”><br><br> <input type=“submit”> </form>
8.
HTML : FORM
RESET <form> <input type=“text”><br><br> <input type=“password”><br><br> <input type=“submit”> <input type=“reset”> </form>
9.
FORM: FIELDSET <form> <fieldset> <legend>Log in</legend> <input
type=“text”><br><br> <input type=“password”><br><br> <input type=“submit”> </fieldset> </form>
10.
FORM: OUTPUT
11.
FORM: OUTPUT <form> User Name:
<input type=“text”><br><br> Password: <input type=“password”><br><br> <input type=“submit” value=“Login”> </form>
12.
FORM: LABEL 1 <form> <label
for=“username”>User Name:</label> <input type=“text” id=“username”> <br><br> <label for=“password”>Password:</label> <input type=“password” id=“password”> <br><br> <input type=“submit” value=“Login”> </form>
13.
FORM: LABEL 2 <form> <label>User
Name: <input type=“text”> </label><br><br> <label> Password: <input type=“password”> </label><br><br> <input type=“submit” value=“Login”> </form>
14.
FORM: INPUT PLACEHOLDER <form> <input
type=“text” placeholder=“User Name”> <br><br> <input type=“password” placeholder=“Password”> <br><br> <input type=“submit” value=“Login”> </form>
15.
FORM: INPUT LABEL
1/PLACEHOLDER <form> <label for=“username”>User Name:</label> <input type=“text” id=“username” placeholder=“User Name”> <br><br> <label for=“password”>Password:</label> <input type=“password” id=“password” placeholder=“password”> <br><br> <input type=“submit” value=“Login”> </form>
16.
FORM: INPUT LABEL
2/PLACEHOLDER <form> <label>User Name: <input type=“text” placeholder=“User Name”> </label><br><br> <label>Password: <input type=“password” placeholder=“password”> </label><br><br> <input type=“submit” value=“Login”> </form>
17.
FORM: INPUT VALUE <form> <label>User
Name: <input type=“text” name=“username” value=“User”> </label><br><br> <label>Password : <input type=“password” name=“password”> </label><br><br> <input type=“submit” value=“Log in”> </form>
18.
FORM: INPUT SIZE <form> <label>User
Name: <input type=“text” size=“50”> </label><br><br> <label>Password : <input type=“password” size=“50”> </label><br><br> <input type=“submit” value=“Log in”> </form>
19.
FORM: INPUT REQUIRED <form> <label>User
Name: <input type=“text” required> </label><br><br> <label>Password : <input type=“password” required> </label><br><br> <input type=“submit” value=“Log in”> </form>
20.
FORM: INPUT AUTOFOCUS <form> <label>User
Name: <input type=“text” autofocus> </label><br><br> <label>Password : <input type=“password”> </label><br><br> <input type=“submit” value=“Log in”> </form>
21.
FORM: INPUT NAME <form> <label>User
Name: <input type=“text” name=“username”> </label><br><br> <label>Password : <input type=“password” name=“password”> </label><br><br> <input type=“submit” name=“submit” value=“Login”> </form>
22.
FORM: ACTION <form action=“process.php”> <label>User
Name: <input type=“text” name=“username”> </label><br><br> <label>Password : <input type=“password” name=“password”> </label><br><br> <input type=“submit” name=“submit” value=“Login”> </form>
23.
FORM: METHOD (GET) <form
method=“get” action=“process.php”> <label>User Name: <input type=“text” name=“username”> </label><br><br> <label>Password : <input type=“password” name=“password”> </label><br><br> <input type=“submit” name=“submit” value=“Login”> </form>
24.
FORM: METHOD (POST) <form
method=“post” action=“process.php”> <label>User Name: <input type=“text” name=“username”> </label><br><br> <label>Password : <input type=“password” name=“password”> </label><br><br> <input type=“submit” name=“submit” value=“Login”> </form>
25.
FORM: TARGET self <form
method=“post” action=“process.php” target=“_self”> <label>User Name: <input type=“text” name=“username”> </label><br><br> <label>Password : <input type=“password” name=“password”> </label><br><br> <input type=“submit” name=“submit” value=“Login”> </form>
26.
FORM: TARGET blank <form
method=“post” action=“process.php” target=“_blank”> <label>User Name: <input type=“text” name=“username”> </label><br><br> <label>Password : <input type=“password” name=“password”> </label><br><br> <input type=“submit” name=“submit” value=“Login”> </form>
27.
FORM: PROCESS [GET] <?php echo
$_GET[“username”]; echo $_GET[“password”]; ?>
28.
FORM: PROCESS [POST] <?php echo
$_POST[“username”]; echo $_POST[“password”]; ?>
29.
TOPIC COVERED Form method o get o
post action target label fieldset legend input type name placeholder value size required autofocus
30.
ANY QUESTION?
31.
32.
IoT Code LabS
M A R T T E C H L I F E iotcodelab.com RESEARCH DEVELOPMENT TRAINING
Télécharger maintenant