<MyRusakov.ru />

Вёрстка сайта с нуля

Вёрстка сайта с нуля

Это уникальная информация по созданию страниц любой сложности. Вы узнаете всё, что нужно по HTML и CSS, а также увидите множество примеров по вёрстке страниц. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены! Пройдя данный курс, Вы сможете верстать страницы с любым по сложности дизайном. Помимо курса, Вы получите Бонус, который расскажет, как заработать на вёрстке сайтов.

Весь курс соткан из практических примеров реальной вёрстки. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены!

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Создание форм в HTML

Создание форм в HTML

Я абсолютно уверен, что, бегая по Интернету, Вы ни раз встречали различные формы, например, форму регистрации, форму входа в систему, форму обратной связи и многие-многие другие HTML формы.

Собственно, форма состоит из различных элементов ввода: текстовых полей, текстовых областей, радио-кнопок, переключателей, кнопок и так далее.

И в этой статье Вы научитесь создавать абсолютно любые формы в HTML.

Сначала создайте простейшую HTML-страницу, в которую добавьте контейнер (тег <div>), выравнивающий своё содержимое по центру. Надеюсь, что Вы с этим без труда справитесь.

А теперь займёмся формой. Форма начинается с тега <form>, соответственно, заканчивается закрывающим тегом </form>. У этого тега есть несколько атрибутов, которые очень желательно заполнять. Но для начала давайте создадим простейшую форму с атрибутами тега <form>, чтобы Вам было понятнее назначение каждого из них:

<form name = "form1" action = "script/request.php" method = "post">
</form>

Здесь у нас начинается описание формы, у которой есть следующие атрибуты:

1) Атрибут "name". Значение этого атрибута означает имя HTML формы. Встаёт вопрос, зачем это надо? Ответ очень простой: если Вы будете использовать не одну форму, а несколько, то чтобы отличить одну форму от другой, необходимо задавать различные имена. А сами имена нужны для того, чтобы обращаться к формам, например, через JavaScript. Я Вам открою маленький секрет, который я Вам не советую использовать, но честности ради, скажу о нём. На самом-то деле, формы можно легко различать и без имён, поэтому, вообще говоря, имя формы совсем необязательно. Но я НАСТОЯТЕЛЬНО рекомендую давать формам имена, ведь Вам самим так будет проще понять, за что каждая из форм отвечает.

2) Атрибут "action". Значение этого атрибута отвечает за путь к файлу скрипта, который будет обрабатывать форму. То есть мало ввести данные в форму, их же ведь ещё нужно соответствующим образом обработать, и вот как раз путь к этому файлу-обработчику и находится в значении атрибута "action".

3) Атрибут "method". У него может быть одно из двух очень популярных значения: "post" и "get". Этот атрибут определяет способ отправки. Не буду вдаваться в подробности, просто скажу, что первый способ является скрытой отправкой данных, а второй открытой. Чтобы стало ещё понятнее, то давайте рассмотрим два адреса перехода:

а) http://mysite.ru/scipt/request.php

б) http://mysite.ru/script/request.php?a=7&b=Michael

В первом случае, пользователь не видит, что отправляет (метод "post"), а во втором он реально видит имена переменных и их значения (метод "get"). Вы, в конце статьи, можете попытаться отправить форму с помощью двух разных методов и убедиться в их различии. Но пока что скажу, что ГОРАЗДО чаще используют метод "post", то есть скрытую отправку.

Это было описание самой формы, а теперь же можно заняться добавлением элементов в форму.

Первое, что мы добавим - это текстовое поле. Добавляется текстовое поле с помощью тега <input>, а точнее с помощью атрибута этого тега "type" со значением "text". Также перед созданием текстового поля рекомендуется написать, что это за поле, например, "Ваше имя". Внутри тега <form> напишите такую строчку:

Ваше имя: <input type = "text" name = "firstname" value = "Тут Ваше имя">

Опять же, давайте разберём атрибуты:

1) Атрибут "type" отвечает за тип элемента ввода. В данном случае, мы указали, что это обычное текстовое поле. В следующих элементах мы будем менять значение этого атрибута.

2) Атрибут "name" отвечает за имя элемента. Здесь мы указали, что имя данного поля firstname.

3) Атрибут "value" отвечает за значение этого поля по умолчанию.

Как говорится, лучше один раз увидеть, чем сто раз услышать, поэтому лучше Вы наберите (причём, именно наберите, а не скопируйте!) этот текст в редакторе, а потом посмотрите результат в браузере.

Теперь создадим ещё одно похожее поле, но только не для ввода обычных символов, а для ввода пароля. То есть должно быть всё то же самое, но только текст должен быть скрыт за звёздочками. Поэтому, перейдя на следующую строку (тег <br>), напишем такой код:

Ваш пароль: <input type = "password" name = "pass" value = "Тут Ваш пароль">

Как видите, теперь значением атрибута "type" является "password". Остальные атрибуты те же, что и для обычного текстового поля.

Следующий элемент - это выпадающий список. Создаётся он чуть посложнее, так как тут необходимо не только объявить создание выпадающего списка, но ещё и добавить элементы в этот список. Напишем, перейдя на следующую строку (далее, упоминать об этом не буду) следующий HTML-код.

Выберите вариант:
<select name = "choice">
  <option value = "1">Вариант 1
  <option value = "2">Вариант 2
  <option value = "3">Вариант 3
</select>

Тег <select> означает начало выпадающего списка. Заканчивается список тегом </select>. Атрибут "name" ясен, ибо уже объяснял его несколько раз. Элементы списка создаются с помощью тега <option>. Значение атрибута "value" означает, какой значение будет у переменной choice (например, в JavaScript), то есть либо choice = 1, либо choice = 2, либо choice = 3. Сразу после окончания описания тега <option> ставится то, что увидит пользователь в выпадающем списке. Опять же, лучше посмотрите в браузере, и Вам всё сразу станет понятно.

Теперь добавим текстовую область, используя тег <textarea>:

Напишите что-нибудь:
<br>
<textarea name = "message" rows = "10" cols = "15">Сообщение</textarea>

Здесь мы с Вами создаём текстовую область высотой в 10 строк (значение атрибута "rows") и шириной в 15 символов (значение атрибута "cols").

Внутри этого парного тега указывается текст в текстовой области по умолчанию. Собственно, здесь больше нечего сказать. Двигаемся дальше.

Следующий элемент - это радио-кнопка. Радио-кнопка - это набор таких "кружочков", из которых можно выбрать только один. Создаются радио-кнопки с помощью HTML-тега <input>, а, точнее, с помощью значения "radio" атрибута "type". Напишем такой HTML-код:

Выберите что-нибудь одно:
<input type = "radio" name = "choiceradio" value = "1">Вариант 1
<input type = "radio" name = "choiceradio" value = "2">Вариант 2
<input type = "radio" name = "choiceradio" value = "3">Вариант 3

Тут я остановлюсь на атрибуте "name", потому что помимо задания имени у него есть ещё одна очень важная особенность. Если Вы НЕ сделаете одинаковыми имена у этих трёх радио-кнопок, то они станут независимыми, а, следовательно, можно будет выбрать сразу несколько вариантов. Чтобы в этом убедиться, поменяйте имена, а потом попытайтесь выбрать сразу несколько вариантов, и Вы сразу убедитесь в моих словах. Поэтому одна группа радиокнопок должна иметь одно и то же значение атрибута "name". Атрибут "value" означает значение переменной "choiceradio" (опять же, например, в JavaScript). Сразу после описания тега <input> идёт текст, который увидит пользователь рядом с соответствующей радио-кнопкой.

Ещё одним элементом формы являются переключатели (checkbox). Создаются они опять же с помощью тега <input>. Напишем следующие строчки:

Вы согласны с нашими правилами:
<input type = "checkbox" name = "terms" value = "yes">

Я думаю, что здесь всё прозрачно, поэтому объяснять не буду. Советую лишь просто посмотреть, как это выглядит, в браузере. И скажу, что если флажок будет стоять, то значение переменной "terms" будет "yes", если не будет стоять, то значение этой переменной будет "", то есть пустой строкой.

Ещё одним элементом является поле для выбора файла. Наверняка, Вы когда-нибудь загружали файлы на сервер и Вам часто приходилось использовать для этого поле вставки имени файла. Вот такое поле создаётся с помощью уже надоевшего тега <input>. Напишем так:

Выберите файл для загрузки:
<input type = "file" name = "path">

Объяснять здесь особо нечего, единственное, что обязательно посмотрите, как это выглядит, чтобы у Вас не осталось вопросов.

Теперь займёмся двумя последними элементами - это кнопки. Их две: обычная кнопка и кнопка "submit". Начнём с обычной кнопки. Создаётся кнопка с помощью тега <input>. Например, так:

<input type = "button" name = "start" value = "Начать">

Значение атрибута "type" уже "button", что сообщает браузеру, что это кнопка. Атрибут "name" - это имя кнопки, а значение атрибута "value" отвечает за текст на кнопке. Обрабатывать эту кнопку мы не будем, так как мы проходим не JavaScript, а основы HTML, но в будущем обязательно это сделаем.

И последний элемент - это кнопка "submit", при нажатии на которую форма отправляется на обработку к файлу, указанному в атрибуте "action" тега <form>. Добавляется это кнопка так:

<input type = "submit" value = "Отправить">

Как видите, создать кнопку "submit" очень просто: для этого необходимо поставить значение "submit" атрибута "type" тега <input>. А атрибут "value" содержит текст, который пользователь увидит на кнопке.

Теперь, напоследок, советую посмотреть разницу между значениями "post" и "get" атрибута "method" тега <form>. Разницу можно увидеть в адресной строке при нажатии на кнопку "submit".

После того, как наиграетесь с формой, то результат должен быть таким:

<html>
<head>
</head>
<body>
<div align = "center">
  <form name = "form1" action = "script/request.php" method = "get">
    Ваше имя: <input type = "text" name = "firstname" value = "Тут Ваше имя">
    <br>
    Ваш пароль: <input type = "password" name = "pass" value = "Тут Ваш пароль">
    <br>
    Выберите вариант:
    <select name = "choice">
      <option value = "1">Вариант 1
      <option value = "2">Вариант 2
      <option value = "3">Вариант 3
    </select>
    <br>
    Напишите что-нибудь:
    <br>
    <textarea name = "message" rows = "10" cols = "15">Сообщение</textarea>
    <br>
    Выберите что-нибудь одно:
    <input type = "radio" name = "choiceradio" value = "1">Вариант 1
    <input type = "radio" name = "choiceradio" value = "2">Вариант 2
    <input type = "radio" name = "choiceradio" value = "3">Вариант 3
    <br>
    Вы согласны с нашими правилами:
    <input type = "checkbox" name = "terms" value = "yes">
    <br>
    Выберите файл для загрузки:
    <input type = "file" name = "path">
    <br>
    <input type = "button" name = "start" value = "Начать">
    <br>
    <input type = "submit" value = "Отправить">
  </form>
</div>
</body>
</html>

Как видите, опять ничего сложного. Как видите, создать свой сайт - это совсем не сложно. Единственная проблема, как это всё запомнить? Ответ очень прост: практика, практика и ещё раз практика!

Всего доброго!

С уважением, Михаил Русаков.

P.S. Если Вы хотите узнать больше по HTML, то посмотрите мой бесплатный курс с примером создания сайта на HTML: http://srs.myrusakov.ru/html

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (107):

XAXATyH2007 XAXATyH2007 15.03.2011 19:30:48

А где мне взять эти файлы а) http://mysite.ru/scipt/request.php б) http://mysite.ru/script/request.php?a=7&b=Michael

Ответить

Admin Admin 15.03.2011 21:01:42

Файл request.php - это PHP-скрипт, который пишется отдельно и который обрабатывает форму. А request.php?a=7&b=Michael - это вызов скрипта request.php с передачей GET-параметров.

Ответить

asassindmb asassindmb 16.03.2013 15:08:21

я понять не могу,на момент изучения данного материала,что мне ставить на месте action = "script/request.php"??ведь как ты сказал это пишется отдельно,а до этого пока далеко,так что делать?

Ответить

Admin Admin 16.03.2013 21:23:21

Можно ничего не ставить пока.

Ответить

Navichok Navichok 16.04.2011 19:53:06

Михаил есть вопрос)) например оставлять комментарий под (фото или видео)на сайте. этот скрипт так же пишется в HTML форме или что то другое?

Ответить

Admin Admin 16.04.2011 19:54:29

Да, безусловно. Любая форма на сайте написана на HTML, а её внешний вид задаётся CSS. Обработкой же формы занимается, например, PHP.

Ответить

Navichok Navichok 17.04.2011 15:23:13

то есть, если создам простое поле для ввода, я могу его с помощью PHP или CSS превратить во что угодно (по мере возможности данного объекта) так? и еще подскажи пожалуйста, я почти весь HTML выучил (ну 90%) и думаю начать изучать CSS. я на правильном пути или нет? в смысле после HTML на что лучше обратить внимания и начинать изучать...

Ответить

Admin Admin 17.04.2011 15:26:14

Превратить во что угодно можно с помощью CSS, а PHP служит только для обработки данных, полученных из формы. После HTML надо изучать CSS, это будет правильным. А после рекомендую изучать JavaScript, затем PHP и после надо научиться работать с базами данных.

Ответить

Navichok Navichok 17.04.2011 15:30:42

огромное спасибо тебе)

Ответить

Navichok Navichok 25.04.2011 16:58:20

Привет.еще вопрос)) а как пишется "форум" обычный, и в чем?

Ответить

Admin Admin 25.04.2011 17:00:46

Если с нуля (как это делаю сейчас я), то с помощью HTML+CSS+JavaScript+PHP+MySQL. Либо можно создать форум с помощью готового движка. Например, PHPBB. Он у меня был пару месяцев в своё время, и я остался им, в целом, доволен. Хотя, безусловно, самый лучший вариант - это свой форум. Но на это нужно время, желание и знания.

Ответить

Navichok Navichok 25.04.2011 18:21:24

желание есть, время пока тоже) а вот знания пока что не так сильны(( html освоил и только начал учить css... видимо еще рано мне самому)движок это интересно посмотрю ка тоже)) спасибо за ответ)

Ответить

negodovivan negodovivan 02.10.2011 19:27:05

Михаил, есть вопрос...вернее проблема...на странице есть форма для отправки данных...в соответствующие поля набраны данные и нажата кнопка "Запись" - данные ушли и поля очистились... Если сразу же обновить эту страницу, то данные вновь отправляются - те же самые, т.е. отправка данных идет не только при нажатии кнопки... в чем может проблема быть?

Ответить

Admin Admin 02.10.2011 19:43:35

Это уже зависит от браузера. Как правило, браузер задаёт вопрос: "Отправить данные?". Формулировка разные, но смысл тот же. Это никак не исправить, разве что делать обработку формы в каком-нибудь другом файле, а затем делать редирект обратно.

Ответить

negodovivan negodovivan 02.10.2011 19:49:44

я использовал jsp для сайта... и форма - это его часть...Если поместить код, связанный с формой в отдельный jsp и сделать из формы ссылку на этот jsp как обработчик, то как сделать редирект обратно? Пример подобный можете дать? Проблема уже пару дней мучает.

Ответить

negodovivan negodovivan 02.10.2011 19:52:29

Работаю над добавлением комментариев и получаю, что один коммент может добавляться бесконечное число раз(при каждой перезагрузке страницы с формой).

Ответить

Admin Admin 02.10.2011 20:28:03

response.sendRedirect("http://google.ru"); вот так делается редирект на JSP.

Ответить

negodovivan negodovivan 02.10.2011 20:32:08

спасибо.

Ответить

maxonclub maxonclub 09.10.2011 08:07:52

Вот сюда бы код пыховский, который обрабатывает отправку формы обратной связи. Хотя бы в качестве примера, а там уж можно самому мастерить. Не хотите ли Вы Михаил написать эту форму и записать на видео последовательность, внести этот маленький дар нам, бедным пользователям ?))) Думаю многим будет очень интересно овладеть полноценной формой обратной связи. С Уважением Максим

Ответить

Admin Admin 09.10.2011 11:52:04

Такое видео уже записано и доступно для моих подписчиков (http://srs.myrusakov.ru). Примерно 5-й выпуск этот урок и содержит.

Ответить

maxonclub maxonclub 09.10.2011 16:16:42

НеНеНе Михаил, Ваш курс я внимательно изучил, собственно из-за него я тут, собственно он мне значительно помог. Большое спасибо Вам за него. Но в том уроке только форма отправки, а меня интересует сам скрипт написан на php, который обрабатывает запрос.

Ответить

Admin Admin 09.10.2011 16:23:07

Читайте внимательней: 5-й выпуск! А курс в 1-м выпуске. Подождите, и выпуск с PHP и формой обратной связи придёт.

Ответить

arq12 arq12 15.12.2011 17:13:18

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

Ответить

Admin Admin 15.12.2011 17:40:36

Вы пришли по адресу. Вот статья: http://myrusakov.ru/obrabotka-formy-php.html

Ответить

ant0nenk0 ant0nenk0 10.03.2012 22:55:00

Михаил, подскажите, пожалуйста, как данные с формы отправить на email: action = "mailto:имя ящика"? При данном методе какой бы я method не ставил открывает microsoft outlook и все данные, написанные кириллицей отображены знаками. Подскажите, пожалуйста, что не так? Заранее благодарен.

Ответить

Admin Admin 10.03.2012 22:57:54

Всё правильно, должен открываться почтовый клиент. Чтобы отправлять форму на e-mail без почтовых клиентов, нужно знать PHP: http://myrusakov.ru/obrabotka-formy-php.html и http://myrusakov.ru/email-php.html

Ответить

ant0nenk0 ant0nenk0 10.03.2012 23:05:41

Спасибо большое.

Ответить

zapasaero zapasaero 24.04.2012 23:10:46

Михаил, есть вопрос. Форму создал. Возник вопрос где читать то, что написали на сайте?

Ответить

Admin Admin 24.04.2012 23:12:30

http://myrusakov.ru/obrabotka-formy-php.html

Ответить

Vladik.l Vladik.l 13.08.2012 19:27:18

Михаил, скажите пожалуйста как вместо кнопки сделать картинку?

Ответить

biter biter 15.10.2012 02:09:12

Владик картинка делается типо вот так: <input type="image" src="images/ibutton.png" name="imageButton">

Ответить

Frederico Frederico 20.10.2012 00:22:12

Я все сделал правильно получается. Но как можно сделать, чтобы сообщения приходили на e-mail, а не на локальный сервер?

Ответить

Admin Admin 20.10.2012 18:11:50

Денвер специально для отладки сохраняет всё у себя. На хостинге будет нормально отправляться.

Ответить

1221 1221 01.11.2012 20:30:31

Мне нужен request.php.Нет ли урока по этой теме?И можно ссылку? Спасибо!

Ответить

Admin Admin 01.11.2012 20:41:48

http://myrusakov.ru/obrabotka-formy-php.html

Ответить

rafikowf rafikowf 13.12.2012 08:42:37

здраствуйте, а можете подсказать, куда будут приходить коменты или то что пользователь будет отправлять через эту форму на сайте?

Ответить

Admin Admin 13.12.2012 15:51:46

Никуда, пока не подключить PHP и обработку формы: http://myrusakov.ru/obrabotka-formy-php.html

Ответить

dsmts dsmts 24.12.2012 13:41:59

Добрый день! А как сделать что бы в выпадающем списке были данные из таблицы mysql? Выберите вариант: <select name = "choice"> <option value = "1">Вариант 1 <option value = "2">Вариант 2 <option value = "3">Вариант 3 </select>

Ответить

Admin Admin 24.12.2012 17:31:21

Сделать выборку из таблицы, далее в цикле выводить echo "<option value=".$тут_значение_из_базы.">".$тут_значение_из_базы."</option>

Ответить

dsmts dsmts 30.12.2012 19:44:37

Спасибо большое, обязательно попробую, как пройдет новогодняя суета. Очень хотелось бы потренироваться на готовом скрипте, желательно посложнее. А именно выборам из нескольких таблиц. Думаю многим это бы пригодилось. Добавлено: Всё получилось, спасибо.

Ответить

dsmts dsmts 13.01.2013 21:53:51

Добрый день! Еще такой вопрос. Я использую многострочное поле selet, но мне нужно как то сделать что бы каждая строка разделялась на столбцы. Возможно это как то сделать? То есть что то типа таблицы, но что бы это была форма.

Ответить

Admin Admin 14.01.2013 10:40:17

Таблицу сделать не получится в option и select. Это можно было бы сделать только вообще без использования этих тегов, а создания своего собственного select, но здесь тогда будет большая работа с JavaScript и CSS.

Ответить

dsmts dsmts 14.01.2013 18:43:39

Спасибо. А статья у вас не планируется, как это можно сделать?

Ответить

Admin Admin 14.01.2013 19:19:37

Нет.

Ответить

d@ncing_cat d@ncing_cat 06.02.2013 18:12:29

Михаил, спасибо, полезная статья

Ответить

limetan limetan 11.06.2013 14:57:58

<html> <head> <title> мой сайт</title> <meta http-equiv = "content type" content = "text/html";charset = "1251"> </head> <body text = "red" bgcolor = "yellow"> <form name = "form1" action = "script/request.php" method = "post"> </form>Напишите ваши данные снизу <table border = "2" width ="35%" height ="35%" <tr> <td border = "20%" width = "40" height = "4" <td colspan ="2" align = "center">Ваше имя<input type = "text" name = "firstname" value = "Тут ваше имя"</td> </tr> <tr> <td border = "2" width = "40%" height = "4" <td colspan = "2" align = "center">Тут ваш пароль<input type = "password" name = "pass" value = "Тут ваш пароль"</td> </tr> <tr> <td border = "2" width = "40%" height = "4" <td colspan ="2" align = "center">Вы согласны с нашими правилами<input type ="checkbox" name = "terms" value = "yes"</td> </tr> <tr> <td border = "2" width ="40%" height ="4" <td colspan = "2" align = "left">Выбирите <select name ="choice"> <option value ="1">Вариант 1 <option value = "2">Вариант 2 <option value = "3">Вариант 3 </select> </td> </tr> <tr> теперь правильно?и ещё как теперь всё это в таблице выровнять?что-то не получаеться,за ранее спасибо.

Ответить

Admin Admin 11.06.2013 15:00:44

Уже даже тут ошибка: <td border = "20%" width = "40" height = "4" <td cols

Ответить

limetan limetan 11.06.2013 15:02:17

хмм а как тогда правильно?

Ответить

Admin Admin 11.06.2013 15:04:41

http://srs.myrusakov.ru/html - посмотрите этот курс.

Ответить

Rustam32 Rustam32 15.06.2013 21:21:56

Здравствуйте,Михаил. Как сделать так, чтобы при нажатии кнопки "прикрепить файл" можно было выбрать не один файл, а несколько? Спасибо.

Ответить

Admin Admin 15.06.2013 21:43:11

Создать несколько полей с type="file".

Ответить

alik alik 22.07.2013 10:12:11

Уважаемый Михаил у меня не отображается изображение не на одном браузере подскажите в чём причина?

Ответить

3628791 3628791 24.10.2013 18:30:42

я почему-то не заметил разницы между "post" и "get". может чего не увидел?

Ответить

Admin Admin 24.10.2013 22:04:06

http://myrusakov.ru/raznica-post-get.html

Ответить

Kozlova Kozlova 11.12.2013 00:44:40

Михаил, как поставить ссылки на 1 и 2 страницы. Я отдельно написала страницы "по росту цены" и "по снижению цены", вручную переставила товары. На данном сайте товар не меняется, поэтому мне проще было самой отсортировать его. А вот ссылки как ни пробовала ставить - не работают Сортировать: <select name = "choice"> <option value = "1">по росту цены <option value = "2">с снижению цены </select>

Ответить

Kozlova Kozlova 11.12.2013 00:47:02

и ещё, сайт отличный, но катастрофически не хватает кнопки "наверх". Столько раз хотелось чтобы она была.

Ответить

tikkiwiki tikkiwiki 11.12.2013 11:00:55

Елена,для вашего случая должно подойти такое: <script type="text/javascript"> // задаем массив ссылок var links = []; links['tests'] = 'questions.php/?id=5'; links['tests2'] = 'questions.php/?id=8'; </script> <!-- ставим переход на страницу из массива по изменению select'а --> <select onchange="if (this.value) top.location.href=links[this.value];"> <option value="0" >Перейти</option> <option value="tests" >Question 1</option> <option value="tests2" >Question 2</option> </select>

Ответить

wwnet wwnet 14.12.2013 00:53:36

Михаил, подскажи, сделал текстовую форму в хэдэре, для текста правил сайта. Не могу поднять её вверх, прижата к низу. Это на локалке. На живом сайте не делал, глянь пожалуста на главную http://tef.co.ua/index.php Как поднять форму вверх, при условии, что название ТЭФ я уже поднял (на локалке) А форма прилепилась к нижней кромке и не двигается, при увеличении вертикального размера формы она растёт вниз, безобразно растягивая шапку сайта http://radikall.com/images/2013/12/14/qPe7a.th.jpg Слева установлена прозрачная распорка.

Ответить

alexandrdante alexandrdante 14.12.2013 01:02:21

это phpbb кажется =) переместите весь div вверх.

Ответить

wwnet wwnet 14.12.2013 01:04:21

<form> внутри div-а

Ответить

alexandrdante alexandrdante 14.12.2013 01:27:51

ну так переместите весь div вверх

Ответить

wwnet wwnet 14.12.2013 01:32:36

В этом диве логотип, название сайта, распорка и форма. Это как? Как Мюнхаузен за усы себя вытащить?

Ответить

alexandrdante alexandrdante 14.12.2013 01:51:38

всё ещё не понимаю,чего Вы хотите добиться в phpbb есть файлы шаблона. достаточно просто переместить кусок кода в нужное место или задать ему нужные стили и вуаля

Ответить

wwnet wwnet 14.12.2013 01:58:27

Ну Вам и карты в руки... <div id="logodesc"> <table width="100%" cellspacing="0"> <tr> <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td> <td width="100%" valign="top" ><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td> </tr> </table> <img src= "theme\images\rasp1.png" width="539" height="1" align="left" > <form> <textarea name="text" valign="mid"cols="80"rows="5"readonly>subsilver2\theme\imagesihghhguguuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</textarea> </form> </div>

Ответить

alexandrdante alexandrdante 14.12.2013 02:07:12

вы мне объясните конкретно,чего Вы добиться хотите. можете хоть нарисовать,раз не умеете чётко формулировать вопросы. Что и куда,ну а также,на какой странице, надо переместить?Хоть стрелочками рисуйте а вообще,подобные вопросы задаются в поддержку той CMS,которую рассматриваете,так как Михаил разбирает в уроках полноценно и с нуля,а не то,что уже написано

Ответить

wwnet wwnet 14.12.2013 02:09:45

[url=http://radikall.com/oWO]http://radikall.com/images/2013/12/14/Q0Hdl.jpg[/url] Скопируйте в строку браузера и пройдите. Я давал картинку ещё в первом своём сообщении.

Ответить

wwnet wwnet 14.12.2013 02:11:33

Нет, вот так http://radikall.com/images/2013/12/14/Q0Hdl.jpg

Ответить

alexandrdante alexandrdante 14.12.2013 02:15:55

ничерта не понял. с таким перемещением как у Вас,можно даже блоки не двигать.просто задать position:relative и перемещение на top =) P.S. картинка в первом сообщении настолько мала,что даже в линзах не могу рассмотреть утром разберу. но всё равно не совсем понимаю.Что касается "давал картинку в первом сообщений",то как Вы могли заметить,выше Вы общались не со мной.Извините

Ответить

wwnet wwnet 14.12.2013 02:21:34

Там по картинке всё понятно-надо поднять текстовую форму вверх, под название сайта. Если название я поднял valign, то с формой такие номера не проходят.

Ответить

alexandrdante alexandrdante 14.12.2013 02:46:48

Уважаемый Женя,если Вам понятно,то я Ваши мысли не читаю и далеко не телепат.Какую текстовую форму? объясните подробно.из моего опыта работы с phpbb с редактированием шаблона вообще проблем не возникает,так как всё до банального просто Если Вас не затруднит,то заскриньте изначальное положение,обведите красным то,что надо перенести и стрелкой укажите место.Тогда я Вам точно помогу.

Ответить

wwnet wwnet 14.12.2013 03:06:09

Не затруднит конечно. То, что помечено жёлтым должно быть тем, что помечено красным. Тоесть поднять текстовое поле вверх. Надеюсь понятно нарисовал-жёлтого быть не должно, оно низко расположено. Переходим по ссылке http://radikall.com/images/2013/12/14/IHhTm.jpg

Ответить

wwnet wwnet 14.12.2013 03:12:19

Боюсь, опять не поймёте.. Жёлтое-то, что есть. Красное-то, что мне нужно.

Ответить

alexandrdante alexandrdante 14.12.2013 03:23:18

раз подвинуто,у того,где imagesuuuuuuuu стоит position:relative достаточно просто написать top:-x(где x - значение в пикселах) и всё переместится.Но Вы перемудрили. Я просил изначально то,что есть,стандартно. Дефолтно,можно даже с опущенным лого обвести красным и нарисовать стрелкой - куда подвинуть.А что за надписиьи блок с imagesihguuuuuuuuuuu я не понимаю. у Вас там что-то было?

Ответить

wwnet wwnet 14.12.2013 03:33:59

Та то просто наполнение формы для пробы, там будет текст правил сайта. Я делал раньше, как Вы советовали-и сейчас попробовал top:-.. Не помогает, форма стоит на месте.

Ответить

alexandrdante alexandrdante 14.12.2013 03:40:53

так я же не вижу Вашей формы и её стилей)могу сделать и помочь так,как было изначально в phpbb,если скажете что,на какой странице и куда переместить.если по тому коду,что Вы дали,то уберите там неуместный valign,добавьте position:relative и top и подгоните по параметрам)

Ответить

wwnet wwnet 14.12.2013 03:52:45

Я сделал как Вы сказали, вот что получилось )) http://radikall.com/images/2013/12/14/D0QP.jpg

Ответить

alexandrdante alexandrdante 14.12.2013 04:22:15

задайте absolute: вместо relative. там всё в разы проще было,насколько я помню.даже без позиционирования.Нужно с нуля смотреть,так как Вы уже что-то перемудрили со стилями

Ответить

wwnet wwnet 14.12.2013 04:27:19

Ничего не меняется..Ладно, завтра, голова уже не соображает. Спасибо за попытки помощи.

Ответить

alexandrdante alexandrdante 14.12.2013 04:50:59

мне не сложно Вам помочь)просто не понимаю,чего пытаетесь добиться и что есть на данный момент.

Ответить

wwnet wwnet 14.12.2013 05:07:03

Издеваетесь? http://radikall.com/images/2013/12/14/S0Ep9.jpg

Ответить

alexandrdante alexandrdante 14.12.2013 05:12:21

нет,не издеваюсь.пустое,новое,голое поле? или поле из того,что есть в структуре шаблона?логотип перемещали как?если перемещали.надо видеть код.пишите в саппорт - разберём подробнее

Ответить

wwnet wwnet 14.12.2013 13:00:31

Я логотип не перемещал, гляньте на главную моего сайта, сами поймёте, там нет этого поля в шаблоне, оно добавочное, от меня уже http://tef.co.ua/index.php

Ответить

alexandrdante alexandrdante 14.12.2013 13:09:29

и надо его разместить под ТЭФ,а ТЭФ поднять выше?

Ответить

wwnet wwnet 14.12.2013 13:23:43

Ну да.ТЭФ я поднял на локалке, а поле не размещается там где надо

Ответить

alexandrdante alexandrdante 14.12.2013 13:34:48

освобожусь,скачаю phpbb сделаю и скину Вам код? Устроит такой вариант? можете пока поиграться с position:absolute и размещением элементов относительно top,bottom Вы,просто,видимо не изучали CSS =)

Ответить

wwnet wwnet 14.12.2013 13:39:49

Конечно устроит. Не изучал css, читаю по гуглу, пробую... Там логотип из коробка, поставьте любое фото 523*283 для примера... чтоб понятней было

Ответить

wwnet wwnet 15.12.2013 02:56:16

Ну, наверное очень заняты. Отбой, гугл рулит.

Ответить

alexandrdante alexandrdante 15.12.2013 02:59:25

Вот видите. Ну да,очень занят.Тикетов много было сегодня + вопросы по старым решаю с курсами про интернет-магазин

Ответить

wwnet wwnet 15.12.2013 03:09:18

Та понятно. Столько дел... столько дел...

Ответить

pavell pavell 11.03.2014 20:36:47

Михаил. А разве тег option не должен быть закрыт?

Ответить

tikkiwiki tikkiwiki 12.03.2014 10:45:32

Павел, он закрыт.

Ответить

pavell pavell 12.03.2014 13:12:03

<select name = "choice"> <option value = "1">Вариант 1 <option value = "2">Вариант 2 <option value = "3">Вариант 3 </select> select закрыт option нет.

Ответить

tikkiwiki tikkiwiki 12.03.2014 13:52:32

<select name = "choice"> <option value = "1"> <option value = "2"> <option value = "3"> </select> Все закрыто.

Ответить

mmgfs mmgfs 10.04.2014 19:09:56

А вот тут начались сложности. Если бы не глянул в самый низ (готовый код) никогда бы не разчехлился сам.

Ответить

Che777 Che777 25.06.2014 21:07:33

Здравствуйте! Выберите что-нибудь одно: <input type = "radio" name = "choiceradio" value = "1">Вариант 1 <input type = "radio" name = "choiceradio" value = "2">Вариант 2 <input type = "radio" name = "choiceradio" value = "3">Вариант 3 Вопрос; как сделать чтоб варианты 1,2,3 были столбцом,и друг под другом, а не в строчку?

Ответить

Che777 Che777 26.06.2014 12:31:26

Все, спасибо, догнал!!

Ответить

OPG OPG 06.07.2014 21:56:19

а у меня все работает с учетом отсутствия скриптов но у меня русский язык не отображается ( иероглифы вместо языка ) ! что это может быть ?

Ответить

OPG OPG 06.07.2014 22:34:25

на выходе в исходном коде в браузере получается так : <html> <head> </head> <body> <div align = "center"> <form name = "form1" action = "script/request.php" method = "post"> Ваше РёРјСЏ: <input type = "text" name = "firstname" value = "РўСѓС‚ Ваше РёРјСЏ"> <br> Ваш пароль: <input type = "password" name = "pass" value = "РўСѓС‚ Ваш Пароль"> <br> Выберите вариант: <select name = "choice"> <option value = "1">Вариант 1 <option value = "2">Вариант 2 <option value = "3">Вариант 3 </select> <br> Напишите что - РЅРёР±СѓРґСЊ: <textarea name = "message" rows = "10" cols = "15">Сообщение</textarea> <br> Выберите что - то РѕРґРЅРѕ: <input type = "radio" name = "choiceradio" value = "1">Вариант 1 <input type = "radio" name = "choiceradio" value = "2">Вариант 2 <input type = "radio" name = "choiceradio" value = "3">Вариант 3 <br> Р’С‹ согласны СЃ нашими правилами: <input type = "checkbox" name = "terms" value = "yes"> <br> Выберите файл для загрузки: <input type = "file" name = "path"> <br> <input type = "button" name = "start" value = "Начать"> <br> <input type = "submit" value = "Отправить"> </form> </div> </body> </html>

Ответить

tikkiwiki tikkiwiki 07.07.2014 09:49:02

Проблема с кодировкой, попробуйте UTF-8.

Ответить

shesha shesha 11.07.2014 00:06:59

Здравствуйте. Как сделать нестераемый текст в input? То есть, например, номера всегда начинаются с +7 и я хочу, чтобы пользователь не писал каждый раз +7, а просто дописывал остальное и при этом не мог стереть +7. Так, например, ВК сделано, когда делаешь особый адрес для страницы, то нельзя стереть "vk.com/". Заранее спасибо за помощь.

Ответить

Andrey Kuznetsov Andrey Kuznetsov 22.08.2014 10:17:48

http://mysite.ru/scipt/request.php Это ошибка?! Должно быть Script вместо scipt

Ответить

Shindler Shindler 05.01.2015 10:38:51

нет, должно быть scipt, по одной простой причине, - урлы не поддерживают заглавных букв, и по сути роли не играет с заглавной пишите или нет, всеравно выведет одинаково

Ответить

Дмитрий Тормосин Дмитрий Тормосин 06.09.2014 16:22:16

Подскажите максимальное количество знаков в текстовой строке и строке для пароля

Ответить

Дмитрий Тормосин Дмитрий Тормосин 06.09.2014 16:50:05

Михаил, если при создании текстовой области в качестве значения атрибутов cols и rows поставить "-1" будет ли это обозначать бесконечность

Ответить

Дмитрий Тормосин Дмитрий Тормосин 06.09.2014 20:54:55

<input type="file" name="path">-path это путь к файлу, правильно я понимаю

Ответить

zzxxfisher zzxxfisher 11.10.2015 13:19:16

Можно ли форму регистрации и авторизации, размещать на сайте без CSS ??? У меня есть сайт и там свои CSS. Заранее благодарю.

Ответить

norvegg norvegg 02.03.2016 13:53:12

Громадное спасибо за Вашу работу! Все написано очень просто и понятно.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.