Untitled

<!DOCTYPE html>
<link rel="stylesheet" href="short_style.css">
<script type = "text/javascript" src = "script.js" ></script>
<html>

<head>
        <title>Formularz w js</title>
</head>

<body>
        <form id="form1">


                        <div class="alert alert-dismissible alert-primary">
                                <p>Katalog samochodow firmowych</p>
                        </div>

                        <div class="form-group">
                                <label for="carPlate">Tablica rejestracyjna: </label>
                                <input type="text" class="form-control" id="carPlate"
                                        placeholder="Podaj tablice rejestracyjna swojego auta">
                        </div>

                        <div class="form-group">
                                <label for="carBrand">Jaka jest marka Twojego samochodu?</label>
                                <select class="form-control" id="carBrand">
                                        <option selected value="Alfa Romeo">Alfa Romeo</option>
                                        <option value="Audi">Audi</option>
                                        <option value="BMW">BMW</option>
                                        <option value="Citroen">Citroen</option>
                                        <option value="Fiat">Fiat</option>
                                        <option value ="Ford">Ford</option>
                                        <option value="Hyundai">Hyundai</option>
                                        <option value="Honda">Honda</option>
                                        <option value="Kia">Kia</option>
                                        <option value="Lexus">Lexus</option>
                                        <option value="Maserati">Maserati</option>
                                        <option value="Opel">Opel</option>
                                        <option value="Porsche">Porsche</option>
                                        <option value="Seat">Seat</option>
                                        <option value="Skoda">Skoda</option>
                                        <option value="Subaru">Subaru</option>
                                        <option value="Toyota">Toyota</option>
                                        <option value="Volkswagen">Volkswagen</option>
                                        <option value="Volvo">Volvo</option>
                                </select>
                        </div>

                        <div class="form-group">
                                <label for="carModel">Model samochodu: </label>
                                <input type="text" class="form-control" id="carModel"
                                        placeholder="Podaj model swojego samochodu">
                        </div>

                        <div class="form-group">
                                <label for="yearOfTransaction">Rocznik samochodu: </label>
                                <input type="number" class="form-control" id="yearOfTransaction" min="1950" max="2019" value="2019" onclick="check()"
                                        placeholder="Podaj rocznik swojego samochodu">
                        </div>


                        <div class="form-group">
                                <label for="carColour">Jaki jest kolor Twojego samochodu?</label>
                                <select class="form-control" id="carColour">
                                        <option selected value="szary">szary</option>
                                        <option value="niebieski">niebieski</option>
                                        <option value="zolty">zolty</option>
                                        <option value="czarny">czarny</option>
                                        <option value="bialy">bialy</option>
                                        <option value="zielony">zielony</option>
                                </select>
                        </div>


                        <div class="form-group">
                                <label for="fuel">Jakie jest paliwo do Twojego samochodu?</label>
                                <select class="form-control" id="fuel">
                                        <option selected value="Kasztelan niepasteryzowany">Kasztelan niepasteryzowany</option>
                                        <option value="benzyna">benzyna</option>
                                        <option value="LPG">LPG</option>
                                        <option value="wodor">wodor</option>
                                        <option value="prad">prad</option>
                                </select>
                        </div>

                        <button type="button" class="btn my_btn my_button" id="sendForm"  onclick="resetForm()">Wyczysc dane</button>
                        <button type="button" class="btn my_button" id="clearForm" onclick="validateForm()">Wyslij formularz</button>


        </form>


</body>

</html>