Кто может подсказать как сделать список, т.е. пользователь смотрит на форму и ему предлагается ввести адрес в поле, в тоже время если адреса нет, то может выбрать один из предлагаемых вариантов.
css: стильный выпадающий список
Спойлер (Отобразить)CODE (
html):
скопировать код в буфер обмена
<form>
<label for="address">
Address:
</label>
<input type="text" id="address"><br>
<select id="addresses" style="display:none">
<option value="google.ru">google.ru</option>
<option value="yandex.ru">yandex.ru</option>
<option value="mail.ru">mail.ru</option>
</select><br>
<input type="submit" value="submit">
</form>
<script>
var input = document.getElementById("address");
var select = document.getElementById("addresses");
select.onchange = function() {
input.value = this.value
input.focus();
}
input.onfocus = function() {
select.style.display = "block";
}
input.onblur = function() {
if(this.value)
select.style.display = "none";
else
select.focus();
}
</script>
Думаю есть варианты гораздо лучше
