Add web design files
This commit is contained in:
181
web-design/Занятие_12/Занятие 12.html
Normal file
181
web-design/Занятие_12/Занятие 12.html
Normal file
@@ -0,0 +1,181 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Forms</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table bgcolor="lightblue" cellspacing="1" cellpadding="1" border="0" width="100%">
|
||||
|
||||
<tr height="55">
|
||||
<td bgcolor="orange" colspan="2"><font size="4"><b>Sign up procedure</b></font> <font size="2">(Step 1 of 2)</font></td>
|
||||
</tr>
|
||||
|
||||
<tr height="45">
|
||||
<td colspan="2" bgcolor="white"><font color="red">*</font> <font size="4">— All marked fields are required</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="220" align="right">Account name:</td>
|
||||
<td><input type="text"><b>@mail.md</b><font color="red"> * </font>Account name must be 4-20 characters long, sue [ (a-z), (0-9) (_), (-), (.) ]</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Password:</td>
|
||||
<td><input type="password"><font color="red"> *</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Confirm password:</td>
|
||||
<td><input type="password"><font color="red"> *</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Secret question</td>
|
||||
<td><input type="text"><font color="red"> *</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Secret answer:</td>
|
||||
<td><input type="text"><font color="red"> *</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
Enter the word as it is shownd in the image on the left<br>
|
||||
<input type="text"><font color="red"> *</font>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<b>Personal details:</b><br>
|
||||
<hr>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Full name:</td>
|
||||
<td><input type="text"><font color="red"> *</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Date of birth</td>
|
||||
<td><input type="text"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Sex</td>
|
||||
<td><input type="radio" name="radio"> Male <input type="radio" name="radio"> Female<font color="red"> *</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Country:</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Moldova</option>
|
||||
<option>Russia</option>
|
||||
<option>Ukraine</option>
|
||||
<option>Turkey</option>
|
||||
<option>USA</option>
|
||||
</select>
|
||||
<font color="red"> *</font>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">City:</td>
|
||||
<td><input type="text"><font color="red"> *</font></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Postal code:</td>
|
||||
<td><input type="text"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Occupation:</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>School/university students</option>
|
||||
<option>Employee</option>
|
||||
<option>Unemployed</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Field of activity:</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Agriculture/Food industry</option>
|
||||
<option>Production</option>
|
||||
<option>Education</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Time zone:</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>(GMT +02.00)Buharest, Chisinau</option>
|
||||
<option>(GMT +03:00)Moscow</option>
|
||||
<option>(GMT +01:00)Madrid</option>
|
||||
<option>(GMT +00:00)London</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Preferred language:</td>
|
||||
<td>
|
||||
<input type="radio" name="radio2">English
|
||||
<input type="radio" name="radio2">Romanion
|
||||
<input type="radio" name="radio2">Russian<font color="red"> *</font>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2"><hr></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">Send me special offers,<br>promotions, and research<br>surveys from selected Mail.md<br>partners<br>
|
||||
 <br>
|
||||
 
|
||||
</td>
|
||||
<td valign="bottom">
|
||||
<input type="radio" name="radio3"> Yes<br>
|
||||
<input type="radio" name="radio3"> No<br>
|
||||
 
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr bgcolor="white">
|
||||
<td colspan="2"> <br> </td>
|
||||
</tr>
|
||||
|
||||
<tr height="46">
|
||||
<td colspan="2" bgcolor="navy" align="center"><input type="submit" value="Next"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user