Как сделать - Рассылку по почте
Узнать, как создать рассылку по электронной почте с помощью CSS
Рассылка по почте
Lorem ipsum text about why you should subscribe to our newsletter blabla. Lorem ipsum text about why you should subscribe to our newsletter blabla. Lorem ipsum text about why you should subscribe to our newsletter blabla.
Создать рассылку по почте
Шаг 1) Добавить HTML
Использовать элемент <form> для обработки входных данных. Вы можете узнать больше об этом в нашем учебние PHP. Затем добавьте входные данные для каждого поля вместе с кнопкой "Отправить":
Пример
<form action="action_page.php">
<div class="container">
<h2>Рассылка по почте</h2>
<p>Lorem ipsum..</p>
</div>
<div class="container" style="background-color:white">
<input type="text" placeholder="Имя" name="name" required>
<input type="text" placeholder="Email адрес" name="mail" required>
<label>
<input type="checkbox" checked="checked" name="subscribe">Ежедневные новости
</label>
</div>
<div class="container">
<input type="submit" value="Subscribe">
</div>
</form>Шаг 2) Добавить CSS:
Пример
/* Стиль элемента формы с рамкой вокруг него */
form {
border: 4px solid #f1f1f1;
}
/* Добавить некоторые дополнения и серый цвет фона для контейнеров */
.container {
padding: 20px;
background-color: #f1f1f1;
}
/* Стиль входных элементов и кнопки отправки */
input[type=text], input[type=submit] {
width: 100%;
padding: 12px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
/* Добавить поля к флажку */
input[type=checkbox] {
margin-top: 16px;
}
/* Стиль кнопки "Отправить" */
input[type=submit] {
background-color: #4CAF50;
color: white;
border: none;
}
input[type=submit]:hover {
opacity: 0.8;
}Редактор кода »Совет: Зайдите на наш учебник HTML Форма , чтобы узнать больше о формах HTML.
Совет: Зайдите на наш учебник CSS Форма , чтобы узнать больше о том, как стилизовать элементы формы.
