You are on page 1of 6

<!

DOCTYPE html>
<title>My Example</title>
<style>
table {
border-collapse: collapse;
width: 100%;
text-align: left;
}
table, td, th {
border: 1px solid lightgray;
padding: 10px;
}
</style>
<table>
<tr>
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
</table>

<hr>
<!DOCTYPE html>
<title>My Example</title>

<form method="get" action="/html/codes/html_form_handler.cfm">


<p>
<label>Name
<input type="text" name="customer_name" required>
</label>
</p>

<p>
<label>Phone
<input type="tel" name="phone_number">
</label>
</p>

<p>
<label>Email
<input type="email" name="email_address">
</label>
</p>

<fieldset>
<legend>Which taxi do you require?</legend>
<p><label> <input type="radio" name="taxi" required value="car"> Car </label></p>
<p><label> <input type="radio" name="taxi" required value="van"> Van </label></p>
<p><label> <input type="radio" name="taxi" required value="tuktuk"> Tuk Tuk </label></p>
</fieldset>

<fieldset>
<legend>Extras</legend>
<p><label> <input type="checkbox" name="extras" value="baby"> Baby Seat </label></p>
<p><label> <input type="checkbox" name="extras" value="wheelchair"> Wheelchair Access
</label></p>
<p><label> <input type="checkbox" name="extras" value="tip"> Stock Tip </label></p>
</fieldset>

<p>
<label>Pickup Date/Time
<input type="datetime-local" name="pickup_time" required>
</label>
</p>

<p>
Ushtrim 2 (rezervim makine)

<!DOCTYPE html>
<title>My Example</title>

<form method="get" action="/html/codes/html_form_handler.cfm">


<p>
<label>Name
<input type="text" name="customer_name" required>
</label>
</p>

<p>
<label>Phone
<input type="tel" name="phone_number">
</label>
</p>

<p>
<label>Email
<input type="email" name="email_address">
</label>
</p>

<fieldset>
<legend>Which taxi do you require?</legend>
<p><label> <input type="radio" name="taxi" required value="car"> Car </label></p>
<p><label> <input type="radio" name="taxi" required value="van"> Van </label></p>
<p><label> <input type="radio" name="taxi" required value="tuktuk"> Tuk Tuk </label></p>
</fieldset>

<fieldset>
<legend>Extras</legend>
<p><label> <input type="checkbox" name="extras" value="baby"> Baby Seat </label></p>
<p><label> <input type="checkbox" name="extras" value="wheelchair"> Wheelchair Access
</label></p>
<p><label> <input type="checkbox" name="extras" value="tip"> Stock Tip </label></p>
</fieldset>

<p>
<label>Pickup Date/Time
<input type="datetime-local" name="pickup_time" required>
</label>
</p>

<p>
<label>Pickup Place
<select id="pickup_place" name="pickup_place">
<option value="" selected="selected">Select One</option>
<option value="office" >Taxi Office</option>
<option value="town_hall" >Town Hall</option>
<option value="telepathy" >We'll Guess!</option>
</select>
</label>
</p>

<p>
<label>Dropoff Place
<input type="text" name="dropoff_place" required list="destinations">
</label>

<datalist id="destinations">
<option value="Airport">
<option value="Beach">
<option value="Fred Flinstone's House">
</datalist>
</p>

<p>
<label>Special Instructions
<textarea name="comments" maxlength="500"></textarea>
</label>
</p>

<p><button>Submit Booking</button></p>

</form>

<hr>
<p>More info: <a href="/html/tags/html_form_tag.cfm"><code>form</code></a>, <a
href="/html/tutorial/html_forms.cfm">HTML Form Tutorial</a>, <a
href="/html/codes/html_form_code.cfm">HTML Form Code</a>, <a
href="/html/codes/html_form_to_email.cfm">Form to Email</a>.</p>
Ushtrim 3(vleresimi i folesit)

<html>
<head>
<title>Vlersimi i folsit</title>
<body>
<form>
<p align=center>
<font size = red><b><i> FORMA E VLERSIMIT TE FOLESIT </i> </b> </font>
</p>
Ju lutem me poshte vendosni emrin dhe adresen tuaj te e_mail:
<table border =0>
<tr>
<td> <align=right>Emri:</td>
<td><input type = "text" name = "e_mail" size=30></td>
</tr>
<tr>
<td> <align=right>Adresa e_mail:</td>
<td><input type = "text" name = "e_mail" size=30></td>
</tr>
</table>
<br>
Ne cilin vite te shkolles jeni?</br>
<input type ="radio" name="viti shkollor" value= "Bachelor1" checked> Bachelor
vite i Pare</br>
<input type ="radio" name="viti shkollor" value= "Bachelor2"> Bachelor vite i
Dyte</br>
<input type ="radio" name="viti shkollor" value= "Bachelor3"> Bachelor vite i
Trete</br>
<input type ="radio" name="viti shkollor" value= "MSH"> Master Shkencor</br>
<input type ="radio" name="viti shkollor" value= "MP"> Master Profesional</br>
<br>
Ju lutem plotesoni opsionet per veten tuaj</br>
<input type = "checkbox" name="Konvikt" value="Po"> Banoni ne konvikt?</br>
<input type = "checkbox" name="Makine" value="Po"> Ju keni makine?</br>
<br>
Kush eshte vlersimi i folsit?</br>
<select name = "Vlersim">
<option value="Pa Pergjigje"> Nuk ka pergjigje</option>
<option value="Shkelqyeshem"> Foles i shkelqyer</option>
<option value="Mjaftueshem"> Nuk ka pergjigje</option>
<option value="Dobet"> Dobet</option>
</select>
</br>
<br>
Koment shtese?</br>
<textarea name="koment" rows=5 cols=45 wrap="yes">
Shkruani ketu komentin tuaj:
</textarea></br>
<br>
<input type ="submit" value="Dorzoni pergjigjet"></br>
<input type ="reset" value="Ktheni vlerat e formes ne vlera origjinale"></br>
</form>
</body>
</html>

You might also like