6666<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 >
6767
6868
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 ' } -->
7070# <a id =" field " ></a >Text Fields
7171- ** Single-line** text input fields:
7272
8686<input type =" password" name =" pass" />
8787```
8888
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;" /> -->
9292
9393
9494<!-- attr: { id:'button', showInPresentation:true, hasScriptWrapper:true } -->
219219
220220<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
221221<!-- # 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 )
223223<!-- <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;" /> -->
224224<!-- <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;" /> -->
225225<!-- <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;" /> -->
255255
256256<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
257257<!-- # 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 )
259259<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic27.png" style="top:55%; left:5%; width:25%; z-index:-1; border-radius:15px;" /> -->
260260<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic28.png" style="top:55%; left:75%; width:20%; z-index:-1; border-radius:15px;" /> -->
261261<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic29.png" style="top:55%; left:35%; width:35%; z-index:-1; border-radius:15px;" /> -->
302302
303303<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
304304<!-- # 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 )
306306<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic30.png" style="top:50%; left:14.03%; width:20%; z-index:-1; border-radius:15px;" /> -->
307307<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic31.png" style="top:50%; left:65.50%; width:20%; z-index:-1; border-radius:15px;" /> -->
308308
323323
324324<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
325325<!-- # 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 )
327327<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic32.png" style="top:50%; left:63%; width:20%; z-index:-1; border-radius:15px;" /> -->
328328<!-- <img class="slide-image" showInPresentation="true" src="imgs/pic33.png" style="top:50%; left:16%; width:20%; z-index:-1; border-radius:15px;" /> -->
329329
@@ -365,7 +365,7 @@ _Note_: the target attribute applied to the <code><a></code> elements in t
365365
366366<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
367367<!-- # 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 )
369369
370370<!-- attr: { id:'iframe', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
371371# <a id =" iframe " ></a >Inline Frames: ` <iframe> `
@@ -382,7 +382,7 @@ _Note_: the target attribute applied to the <code><a></code> elements in t
382382```
383383<!-- attr: { class:'slide-section demo', showInPresentation:true, hasScriptWrapper:true, style:'font-size: 42px' } -->
384384<!-- # 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 )
386386
387387<!-- attr: { class:'slide-section', showInPresentation:true, hasScriptWrapper:false, style:'font-size: 42px' } -->
388388<!-- # HTML Forms and Frames
@@ -392,7 +392,7 @@ _Note_: the target attribute applied to the <code><a></code> elements in t
392392
393393<!-- attr: { showInPresentation:true, hasScriptWrapper:true } -->
394394# Free Trainings @ Telerik Academy
395- - Fundamentals of C# ProgrammingTrack of Courses
395+ - Web front-end track
396396 - [ html.telerik.com] ( http://academy.telerik.com/student-courses/web-design-and-ui/about )
397397 - Telerik Software Academy
398398 - [ academy.telerik.com] ( academy.telerik.com )
0 commit comments