Гораздо удобнее вводить данные в отдельную форму, чем вводить их в код программы. Поэтому, в данной статье, мы поработаем над оформлением добавления пользователей в Mikrotik Routerboard.

Итак, для начала, мы создадим форму:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Mikrotik API PHP</title>
<style type="text/css" media="screen">

#slideout
position: fixed;
top: 40px;
left: 0;
width: 140px;
padding: 12px 0;
text-align: center;
background: #4876FF;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;

#slideout_inner
position: fixed;
top: 40px;
left: -270px;
background: #4876FF;
width: 220px;
padding: 25px;
height: 270px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;

#slideout_inner textarea
width: 190px;
height: 100px;
margin-bottom: 6px;

#slideout:hover
left: 250px;

#slideout:hover #slideout_inner
left: 0;

</style>
</head>
<body>

<div id="slideout">
<img src="feedback.png" alt="Отправить отзыв" />

<div id="slideout_inner">
<form action="add.php" method="POST">
<p><label >Логин</label><br /><input type=’text’ name=’login’ /></p>
<p><label >Пароль</label><input type=’text’ name=’password’ /></p>
<p><label >IP адрес</label><input type=’text’ name=’ip’ /></p>
<p><label >Сервис </label><select name=’service’>
<option>pptp</option>
<option>ppoe</option>
<option>any</option>
</select></p>

<p><label >Скорость </label><select name=’speed’>
<option>5</option>
<option>10</option>
<option>20</option>
</select></p>
<p><input type="submit" value="Добавить" /></p>
</form>
</div>
</div>

</body>

</html>

Рассмотрим код:

В <style type="text/css" media="screen"> описаны стили CSS.

Создадим форму, которая будет передавать данные методом POST в файл add.php. Форма имеет следующие поля:

• логин;

• пароль;

• IP-адрес пользователя;

• два списка для выбора названия сервиса и скорости ограничения пользователя.

<form action="add.php" method="POST">
<p><label >Логин</label><br /><input type=’text’ name=’login’ /></p>
<p><label >Пароль</label><input type=’text’ name=’password’ /></p>
<p><label >IP адрес</label><input type=’text’ name=’ip’ /></p>
<p><label >Сервис </label><select name=’service’>
<option>pptp</option>
<option>ppoe</option>
<option>any</option>
</select></p>

<p><label >Скорость </label><select name=’speed’>
<option>5</option>
<option>10</option>
<option>20</option>
</select></p>
<p><input type="submit" value="Добавить" /></p>
</form>

Рис.1. Mikrotik Routerboard, кнопка добавления пользователя.