<!DOCTYPE html>
<meta charset="utf-8" />
<form method='POST' onsubmit="return validateForm(this)">
<input type='text' name='name' class='input' placeholder="Ваше Имя">
<input type='tel' name='phone' class='input' placeholder="Ваш Телефон">
<input type='email' name='meil' class='input' placeholder="Ваш Email">
<textarea name="comment" cols="27" rows="3" placeholder="Ваш Комментарий"></textarea>
<input onclick="yaCounter23826040.reachGoal('zakazzvonka'); return true;">
<input type='hidden' name='qwe' value='1'>
<button type="submit">s</button>
</form>
<script>
function validateForm(form) {
var errors = [];
if (!form.name.value)
errors.push("Необходимо заполнить поле Имя!");
if (!form.phone.value && !form.meil.value)
errors.push("Необходимо заполнить поле Телефон или Email!");
if (errors.length > 0)
alert(errors.join('\n'));
return errors.length == 0;
}
</script>
Плюс находим на просторах интернета и подключаем placeholder.js
На всякий случай еще дублируем плейсхолдер атрибутом title.
