В массиве фамилий некоторые фамилии начинаются с маленькой буквы (с ошибками). Первую букву в каждой фамилии сделать обязательно заглавной и отсортировать все фамилии по алфавиту. Показать фамилии до обработки и после обработки на веб-страницах, причем вторая страница должна появляться по нажатию кнопки на первой странице, (усложнённое задание: сделать то же самое для массива, каждый элемент которого – ИФО, разделённые пробелом).
Тема №3
Организация работы с формой
Пример 1: элементы формы
<html>
<head>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<form name="test_form_name" id="test_form_id" method="get" action="?">
<input type="hidden" name="hidden_name" id="hidden_id" value="hidden" /><br/>
<input type="text" name="text_name" id="text_id" value="text" /><br/>
<input type="password" name="password_name" id="password_id" value="password" /><br/>
<input type="radio" name="radio_group_1" id="radio_id_1" value="radio_1" />
<input type="radio" name="radio_group_1" id="radio_id_2" value="radio_2" />
<input type="radio" name="radio_group_1" id="radio_id_3" value="radio_3" /><br/>
<input type="radio" name="radio_group_2" id="radio_id_a" value="radio_a" />
<input type="radio" name="radio_group_2" id="radio_id_b" value="radio_b" />
<input type="radio" name="radio_group_2" id="radio_id_c" value="radio_c" checked="checked" /><br/>
<input type="checkbox" name="check_a" id="check_id_a" value="check_1" checked="checked" />
<input type="checkbox" name="check_b" id="check_id_b" value="check_2" />
<input type="checkbox" name="check_c" id="check_id_c" value="check_3" checked="checked" /><br/>
<select name="select_name_from" id="select_id_from">
<option value="option_1">1</value>
<option value="option_2" selected="selected">2</value>
<option value="option_3">3</value>
</select><br/>
<select name="select_name_to" id="select_id_to">
<option value="option_4">4</value>
<option value="option_5">5</value>
<option value="option_6">6</value>
</select><br/>
<textarea name="textarea_name" id="textarea_id" cols="20" rows="5">Textarea</textarea><br/>
<input type="submit" name="submit_name" id="submit_id" value="submit" />
<input type="reset" name="reset_name" id="reset_id" value="reset" />
</form>
<input type="button" value="Process Code" onClick="process();" />
<div id="result"></div>
</body>
</html>
Пример 2: работа с загрузкой изображений и переходом на другую страницу
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="50%" align="center">
<h3>Art1</h3>
<img src="album/Picture1.jpg" alt="" name="pic" id="pic" width="225" height="300" border="0"></td>
<td width="50%" align="center">
<h3>Art2</h3>
<img src="album/Picture2.jpg" alt="" name="sculp" id="sculp" width="178" height="300" border="0"></td>
</tr>
<tr>
<td align="center"><form name="form1">
<input type="button" value="forward" onClick="dem_plus(false, true)">
<input type="button" value="back" onClick="dem_plus(true, true)">
</form>
<h3 id="picname">Picture3</h3></td>
<td align="center"><form name="form2">
<input type="button" value="back" onClick="dem_plus(false, false)">
<input type="button" value="forward" onClick="dem_plus(true, false)">
</form>
<h3 id="sculpname">Picture4</h3></td>
</tr>
</table>