Пять советов по макету формы div css помогут вам более гибко управлять формой и сделать страницу более приятной.
1. Мобильный выбор для ввода текста в форме.
Если в поле ввода текста добавлена подсказка, посетителям часто приходится использовать мышь, чтобы выбрать и удалить ее, а затем ввести полезную информацию. Фактически, если вы добавите код onMouseOver="this.focus()" onFocus="this.select()" в <textarea>, все станет намного проще, например:
Пример исходного кода [www.devdao.com] ]< textarea name=textarea capture=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Введите английский..</textarea>
Аналогичным образом вы можете добавить код в <input>.
2. Нажмите, чтобы удалить блок ввода формы:
этот столбец имеет ту же функцию, что и приведенный выше, но есть небольшие изменения в использовании мыши. Вам нужно щелкнуть, а не просто закрывать его мышью, как показано выше. Например:
Пример исходного кода [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
После нажатия на блок ввода сообщение с подсказкой удалится, не правда ли, очень удобно?
3. Настройки границ блоков ввода формы.
Изменение традиционных границ блоков формы сделает вашу домашнюю страницу более красочной. Например:
Пример исходного кода [www.devdao.com]<input type=radio name=action value=подписаться на проверку style="BORDER-BOTTOM: пунктирный 1 пиксель; BORDER-LEFT: пунктирный 1 пиксель; BORDER-RIGHT: пунктирный 1 пиксель; BORDER - ВЕРХУ: пунктирный 1 пиксель; цвет фона: #FEF5C8">
Среди них «style=***» — настройки цвета слева, справа, сверху, снизу и фона. Читателям предлагается попробовать это самостоятельно.
4. Настройка текста для единицы ввода формы:
можно изменить шрифт единицы в форме, например:
Пример исходного кода [www.devdao.com]<input type=text name="address" size=19 value=" Введите адрес электронной почты..." style=font-family:"verdana";font-size:10px >
Среди них «style=***» — настройки шрифта и размера шрифта.
5. Измените свойства формы, чтобы сделать всплывающие окна.
После активации большинства форм они открываются на текущей странице, что влияет на обычный просмотр. Лучше изменить его, например:
Пример исходного кода [www.devdao.com]<form Method=POST action=url target=_blank>
Среди них «target=_blank» управляет открытием всплывающего окна.