SJWP – HTML LV8

Dokument: ErorGregoricLV8

1b:

<!DOCTYPE html>
<html>
<h1>FORM</h1>
<form>
<label for=”Ime”>Ime:</label><br>
  <input type=”text” id=”Ime” name=”Ime”><br>
  <label for=”Prezime”>Prezime:</label><br>
  <input type=”text” id=”Prezime” name=”prezime”>
</form>
</html>
 
6. 1)<!DOCTYPE html>
<html>
<style>
table, th, td {
border: 1px solid black;
text-align: center;
}
</style>
<table>
<form>
<td colspan=”2″>Sign in</td>
<tr><td><label for “email”>Email adresa:</label></td>
<td><input type=”email” id=”email” name=”email”> </td>
</tr>
<tr>
<td><label for “password”>Šifra:</label></td>
<td><input type=”password” id=”password” name=”password”></td>
</tr>
<tr>
<td colspan=2″> <input type=”button” value=”sign in”> </td>
</tr>
</form>
</table>
</table>
</html>6. 2)

<!DOCTYPE html>
<html>
 
<form>
<table border=”3″ cellspacing=”5px”>
<tbody><tr> <th colspan=”2″ color=”blue”;> Registration Form </th> </tr>
<tr> <td>Enter Name</td> 
<td> <input class=”” type=”text”> </td>
</tr>
<tr> <td>Enter Password</td>
<td><input type=”password”></td></tr>
 
<tr> <td>Enter Address</td>
<td><textarea rows=”3″></textarea></td></tr>
 
<tr> <td>Select Game</td><td>
<input type=”checkbox”>Hockey  <br>
<input type=”checkbox”>Football<br>
<input type=”checkbox”>Badminton<br>
<input type=”checkbox”>Cricket<br>
<input type=”checkbox”>volleyball
</td></tr>
 
<tr> <td>Gender</td><td>
<input type=”radio” name=”s1″ checked=”true”> Male
<input type=”radio” name=”s1″> Female
</td></tr>
 
<tr> <td>Select your age</td><td>
<select class=””>
<option>Select </option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>More than 22</option>
</select>
</td></tr>
 
<tr> <td>Select Photo</td>
<td><input type=”file”>
</td></tr>
 
<tr><td colspan=”2″> 
<input type=”button” value=”Click Me” style=”width:33%; height:40px;”>
<input type=”reset” style=”width:32%; height:40px;”>
<input type=”submit” value=”Submit Form” style=”width:33%; height:40px;”>
</td></tr>
</tbody></table>
 
</form>
</html>