Element form Milena Kostadinović.

Slides:



Advertisements
Similar presentations
>> Introduction to HTML: Forms. Introduction to HTML 5 Important HTML Tags HTML tags and attributes Images Hyperlinks Lists –{ordered | unordered | definition}
Advertisements

Supplement Creating Forms. Objectives Show how forms are used How to create the Form element HTML elements used for creating input fields.
Forms Review. 2 Using Forms tag  Contains the form elements on a web page  Container tag tag  Configures a variety of form elements including text.
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
CSC 2720 Building Web Applications HTML Forms. Introduction  HTML forms are used to collect user input.  The collected input is typically sent to a.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
1 Review of Form Elements. 2 The tag Used in between tags.  Form elements(text control, buttons, etc.. ) goes here. OR  Form elements(text control,
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
+ FORMS HTML forms are used to pass data to a server. begins and ends a form Forms are made up of input elements Every input element has a name and value.
HTML Form Inputs. Creating a basic form …content goes here…
HTML Creating Forms on a Web Page. 2 Objectives  Discuss the process of creating a form  Distinguish between data input controls and text input controls.
HTML Structure II (Form) WEEK 2.2. Contents Table Form.
Forms Web Design Ms. Olifer.
>> Form Data Retrieval in JavaScript
Vežba II.
Pretraživanje interneta
Modul 3 Zoltan Geler Obrada teksta 3 Modul 3 Zoltan Geler
Programi zasnovani na prozorima
Softversko inženjerstvo 1
Osnove JavaScript-a.
v.as.mr. Samir Lemeš Univerzitet u Zenici
النماذج عند الانتهاء من هذا الدرس ستكون قادرا على:
Designing Forms Lesson 10.
1.5 FORMS.
4.1 Vizualni (grafički) HTML uređivači
KONTROLE.
PONAVLJANJE CheckBox Koristi se za rešavanje zadataka gde je potrebno omogućiti uključivanje ili isključivanje jedne ili više opcija. Važna svojstva: –Checked.
Creating Form Elements
Creating Form Elements
KONTROLE.
PROGRAMIRANJE MENIJA.
CheckBox RadioButton RadioGroup
The Present Perfect Continuous Tense
Projekat strukturnog kabliranja.
7. Rad sa AWT-komponentama
Upitni jezik SQL.
Microsoft Office 2007 MS Office je programski paket koji sadrži više programa: MS Word – program za obradu teksta MS Excel – program za izradu tabela sa.
Petlje FOR - NEXT.
DOBRODOŠLI 2007.
Komponente izbora i kontejnerske komponente
Uvod u HTML Zoltan Geller 2017
KREIRANJE OBJEKATA.
Reference ćelije i opsega
Vežba IV.
HTML obrasci Vežba IV.
Elektrotehnički fakultet – Podgorica Operativni sistemi
14 UNUTRAŠNJE I ANONIMNE KLASE
Podešavanje osobina stranica
Web Development & Design Foundations with H T M L 5
SUDOKU Ivo Doko Saša Buzov.
Forms Data Entry and Capture
Vežba 1. Formatiranje teksta korišćenjem stilskih šablona
Kartica Insert.
HTML.
Regional Center for Talented Youth Belgrade II
Page Layout Podešavanje stranica.
InputBox i naredba IF.
MessageBox.
predavanja v.as.mr. Samir Lemeš
Java Script Vežba IX.
PROGRAMSKI JEZIK PASCAL
MATEMATIČKI FAKULTET, UNIVERZITET U BEOGRADU
ELEKTRONIČKA POŠTA ( ) OTVARANJE RAČUNA.
Sustavi za pracenje i vođenje procesa STATEFUL INSPECTION FIREWALL
Strukture podataka i algoritmi 5. VRIJEME IZVRŠAVANJA ALGORITMA
Naredbe u php-u.
PRETRAŽIVANJE INTERNETA
LimeSurvey Uvjetni prikaz pitanja Internetska istraživanja
Introduction to HTML: Forms
Murach's JavaScript and jQuery (3rd Ed.)
Presentation transcript:

Element form Milena Kostadinović

Element form Element FORM u HTML dokumentu služi kao kontejner za kontrole i koristimo ga kada treba da na web stranicu postavimo neki formular koji će popunjavati posetioci naše web stranice. Neke od kontrola: dugme, polje za unos teksta, polje za unos lozinke, check box, combo box, radio button, razne vrste listi itd. <form id=“formular”> … </form> Sledi primer korišćenja nekih od kontrola.

TEXT FIELD, BUTTON Polje za unos teksta je element INPUT koji je tekstualnog tipa. <input type=“text” id=“odgovor1”> Dugme je takođe element INPUT. Tekst koji piše na dugmetu se definiše kao vrednost atributa value. <input type=“button” value=“Predaj odgovore”>

RADIO BUTTON Radio dugme je element INPUT čiji je tip radio. Možemo da obezbedimo da samo jedno u jednom trenutku bude označeno, tako što ćemo da stavimo svima isto ime kao vrednost atributa name. Vrednost value možemo da upotrebimo npr za bodovanje, tako što tačan odgovor ima vrednost 5, a ostali 0. <input type=“radio” name=“odgovor1” value=“0”> O <input type=“radio” name=“odgovor1” value=“0”> P <input type=“radio” name=“odgovor1” value=“5”> R <input type=“radio” name=“odgovor1” value=“0”> S

Select Izbor tačnog od više ponuđenih odgovora može da se realizuje i padajućom listom koja je element SELECT. Za svaku stavku liste postoji tekst koji piše, i vrednost koja je vezana za tu stavku. <select id=“odgovor4” size=“1”> <option value=“0”> Sv. Sava <option value=“5”> Joakim i Ana <option value=“0”> Kralj Milutin </select>

Textarea Polje koje ima mogućnost da prikaže veće količine teksta je element TEXTAREA. Veličina ovog polja se definiše brojem kolona, odnosno redova. <textarea id=“odgovor3” cols=“60” rows=“3”> … </textarea>

Primer