Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8"/>
- </head>
- <body>
- <div id="tytul1"> <h1>Szybki kurs HTML</h1> </div>
- <div id="linki">
- <a href="index.html">Podstawowe znaczniki</a>
- <a href="tabele.html">Twworzenie tabel</a>
- <a href="formularz.html">Budowa formularzy</a>
- </div>
- <div id="tytul2"><h2>Podstawowe znaczniki HTML to:</h2></div>
- <div id="lista">
- <ul>
- <li> <form> - zbaczbuj podstawowy zawierajacy pola formularza</li>
- <li> <input> - znacznik umozliwia wstawienie roznych pol (pola tekstowe, przycisk typu radio, przycisk typu checkbox) w zaleznosci od wartosci atrybutu type</li>
- <li> <select> - pole formularza typu lista rozwijana</li>
- <li> <textarea> - pole formularza obszar tekstowy</li>
- <li> <button> - pole formularza typu przycisk</li>
- </ul>
- </div>
- <div id="tytul3"><h2>Przykladowy formularz HTML:</h2></div>
- <form>
- <div id="form1">
- <label for="t1">Nazwisko: </label>
- <input type="text" id="t1" name="surname"/><br/>
- </div>
- <div id="form2">
- <label for="t2">Wiek: </label>
- <input type="text" id="t2" name="age"/><br/>
- </div>
- <div id="selectform" id="s1">
- <label for="s1">Panstwo: </label>
- <select name="countries">
- <option>Polska</option>
- <option>Niemcy</option>
- <option>Wlochy</option>
- <option>Francja</option>
- </select>
- </div>
- <div id="form3">
- <label for="t3">E-mail: </label>
- <input type="email" id="t3" name="email"/><br/>
- </div>
- <div id="tytul4" style="font-size: 22;"><h3>Zamawian tutorial z jezyka:</h3></div>
- <div id="checkboxes">
- <input type="checkbox" id="ch1" name="choice" value="P"/>
- <label for="ch1">PHP</label>
- <input type="checkbox" id="ch2" name="choice" value="C"/>
- <label for="ch2">C/C++</label>
- <input type="checkbox" id="ch3" name="choice" value="J"/>
- <label for="ch3">Java</label>
- </div>
- <div id="tytul5" style="font-size: 22;"><h3>Sposob zaplaty:</h3></div>
- <div id="radios">
- <input type="radio" id="r1" name="platnosc" value="E" />
- <label for="r1">eurocard</label>
- <input type="radio" id="r2" name="platnosc" value="V" />
- <label for="r2">visa</label>
- <input type="radio" id="r3" name="platnosc" value="P" />
- <label for="r3">przelew bankowy</label>
- </div>
- <br/>
- <div id="buttons">
- <input type="submit" value="Wyslij"/>
- <input type="reset" value="Anuluj"/>
- </div>
- </form>
- </body>
- </html>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8"/>
- </head>
- <body>
- <form>
- <div id="tytul1"><h1>Kreator Pizzy</h1></div>
- <fieldset>
- <legend>Rozmiar: </legend>
- <input type="radio" id="r1" name="size" value="M"/>
- <label for="r1">Mala</label>
- <input type="radio" id="r2" name="size" value="S"/>
- <label for="r2">Srednia</label>
- <input type="radio" id="r3" name="size" value="D"/>
- <label for="r3">Duza</label>
- </fieldset>
- <fieldset>
- <legend>Dodatki: </legend>
- <input type="checkbox" id="ch1" name="extras" value="sz">
- <label for="ch1">Szynka</label>
- <input type="checkbox" id="ch2" name="extras" value="sa">
- <label for="ch2">Salami</label>
- <input type="checkbox" id="ch3" name="extras" value="bo">
- <label for="ch3">Boczek</label>
- <input type="checkbox" id="ch4" name="extras" value="pa">
- <label for="ch4">Papryka</label>
- <input type="checkbox" id="ch5" name="extras" value="po">
- <label for="ch5">Pomidor</label>
- <input type="checkbox" id="ch6" name="extras" value="se">
- <label for="ch6">Ser</label>
- </fieldset>
- <fieldset>
- <label for="m1">Wybierz sos: </label>
- <select id="m1" size="4" name="sauce" multiple="multiple">
- <option value="pom">Pomidorowy</option>
- <option value="cz">Czosnkowy</option>
- <option value="kl">Ketchup lagodny</option>
- <option value="kp">Ketchup pikantny</option>
- </select>
- <br/>
- <legend>Sosy: </legend>
- <label for="t1">Inne uwagi: </label>
- <textarea id="t1" cols="20" rows="3" name="notes">
- </textarea>
- </fieldset>
- <div id="buttons">
- <input type="reset" value="Wyczysc dane">
- <input type="submit" value="Wyslij zamowienie">
- </div>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement