66
66
<div class =" fragment balloon " style =" top :30% ; left :41.43% ;" >The "method" attribute tells how the form data should be sent – via GET or POST request</div >
67
67
68
68
69
- <!-- attr: { id:'field', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px ' } -->
69
+ <!-- attr: { id:'field', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 0.8em ' } -->
70
70
# <a id =" field " ></a >Text Fields
71
71
- ** Single-line** text input fields:
72
72
86
86
<input type =" password" name =" pass" />
87
87
```
88
88
89
- <!-- <img class="slide-image" showInPresentation="true" src="imgs/pic12.png" style="top:13%; left:70%; width:25%; z-index:- 1; border-radius:15px;" /> -->
90
- <!-- <img class="slide-image" showInPresentation="true" src="imgs/pic13.png" style="top:30.63%; left:76%; width:20%; z-index:- 1; border-radius:15px;" /> -->
91
- <!-- <img class="slide-image" showInPresentation="true" src="imgs/pic14.png" style="top:68%; left:70%; width:25%; z-index:- 1; border-radius:15px;" /> -->
89
+ <!-- <img class="slide-image" showInPresentation="true" src="imgs/pic12.png" style="top:13%; left:70%; width:25%; z-index:1; border-radius:15px;" /> -->
90
+ <!-- <img class="slide-image" showInPresentation="true" src="imgs/pic13.png" style="top:30.63%; left:76%; width:20%; z-index:1; border-radius:15px;" /> -->
91
+ <!-- <img class="slide-image" showInPresentation="true" src="imgs/pic14.png" style="top:68%; left:70%; width:25%; z-index:1; border-radius:15px;" /> -->
92
92
93
93
94
94
<!-- attr: { id:'button', showInPresentation:true, hasScriptWrapper:true } -->
219
219
220
220
<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
221
221
<!-- # HTML Forms <br /> Inputs Fields -->
222
- ## [ Demo] (https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/1 . Form -input-fields.html)
222
+ ## [ Demo] ( https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/1.%20Form -input-fields.html )
223
223
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic19.png" style="top:11.46%; left:7%; width:21.16%; z-index:-1; border-radius:15px;" /> -->
224
224
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic20.png" style="top:50.25%; left:8%; width:21.16%; z-index:-1; border-radius:15px;" /> -->
225
225
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic21.png" style="top:9.99%; left:78%; width:21.16%; z-index:-1; border-radius:15px;" /> -->
255
255
256
256
<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
257
257
<!-- # Sliders and Spinboxes -->
258
- ## [ Demo] (https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/2 . Sliders -spinboxes.html)
258
+ ## [ Demo] ( https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/2.%20Sliders -spinboxes.html )
259
259
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic27.png" style="top:55%; left:5%; width:25%; z-index:-1; border-radius:15px;" /> -->
260
260
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic28.png" style="top:55%; left:75%; width:20%; z-index:-1; border-radius:15px;" /> -->
261
261
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic29.png" style="top:55%; left:35%; width:35%; z-index:-1; border-radius:15px;" /> -->
302
302
303
303
<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
304
304
<!-- # HTML Forms Validation -->
305
- ## [ Demo] (https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/3 . Forms -validation.html)
305
+ ## [ Demo] ( https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/3.%20Forms -validation.html )
306
306
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic30.png" style="top:50%; left:14.03%; width:20%; z-index:-1; border-radius:15px;" /> -->
307
307
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic31.png" style="top:50%; left:65.50%; width:20%; z-index:-1; border-radius:15px;" /> -->
308
308
323
323
324
324
<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
325
325
<!-- # Tab Index -->
326
- ## [ Demo] (https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/4 . Tab -index.html)
326
+ ## [ Demo] ( https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/4.%20Tab -index.html )
327
327
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic32.png" style="top:50%; left:63%; width:20%; z-index:-1; border-radius:15px;" /> -->
328
328
<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic33.png" style="top:50%; left:16%; width:20%; z-index:-1; border-radius:15px;" /> -->
329
329
@@ -365,7 +365,7 @@ _Note_: the target attribute applied to the <code><a></code> elements in t
365
365
366
366
<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
367
367
<!-- # HTML Frames -->
368
- ## [ Demo] (https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/5 . Frames .html)
368
+ ## [ Demo] ( https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/5.%20Frames .html )
369
369
370
370
<!-- attr: { id:'iframe', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
371
371
# <a id =" iframe " ></a >Inline Frames: ` <iframe> `
@@ -382,7 +382,7 @@ _Note_: the target attribute applied to the <code><a></code> elements in t
382
382
```
383
383
<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
384
384
<!-- # iframes -->
385
- ## [ Demo] (https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/6 . IFrame .html)
385
+ ## [ Demo] ( https://github.com/TelerikAcademy/HTML/tree/master/Topics/04.%20HTML-Forms-and-Frames/demos/6.%20IFrame .html )
386
386
387
387
<!-- attr: { class:'slide-section', showInPresentation:true, hasScriptWrapper:false, style:'font-size: 42px' } -->
388
388
<!-- # HTML Forms and Frames
@@ -392,7 +392,7 @@ _Note_: the target attribute applied to the <code><a></code> elements in t
392
392
393
393
<!-- attr: { showInPresentation:true, hasScriptWrapper:true } -->
394
394
# Free Trainings @ Telerik Academy
395
- - Fundamentals of C# ProgrammingTrack of Courses
395
+ - Web front-end track
396
396
- [ html.telerik.com] ( http://academy.telerik.com/student-courses/web-design-and-ui/about )
397
397
- Telerik Software Academy
398
398
- [ academy.telerik.com] ( academy.telerik.com )
0 commit comments