Создание форм в 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
-
- Михаил Русаков
Комментарии (110):
А где мне взять эти файлы а) http://mysite.ru/scipt/request.php б) http://mysite.ru/script/request.php?a=7&b=Michael
Ответить
Файл request.php - это PHP-скрипт, который пишется отдельно и который обрабатывает форму. А request.php?a=7&b=Michael - это вызов скрипта request.php с передачей GET-параметров.
Ответить
я понять не могу,на момент изучения данного материала,что мне ставить на месте action = "script/request.php"??ведь как ты сказал это пишется отдельно,а до этого пока далеко,так что делать?
Ответить
Можно ничего не ставить пока.
Ответить
привет мой друг ты думаешь а как де тебе все проверить если нет regist.php ведь нечего не отобразиться так как файла нет так вот https://myrusakov.ru/obrabotka-formy-php.html дядя фил сегодня добрый пока можешь не вникать просто скопируй и сохрани в php желательно в той же папке где твои html доки (с ссылкой не будешь мучиться ) по идеи должно помочь если все делать правильно
Ответить
Михаил есть вопрос)) например оставлять комментарий под (фото или видео)на сайте. этот скрипт так же пишется в HTML форме или что то другое?
Ответить
Да, безусловно. Любая форма на сайте написана на HTML, а её внешний вид задаётся CSS. Обработкой же формы занимается, например, PHP.
Ответить
то есть, если создам простое поле для ввода, я могу его с помощью PHP или CSS превратить во что угодно (по мере возможности данного объекта) так? и еще подскажи пожалуйста, я почти весь HTML выучил (ну 90%) и думаю начать изучать CSS. я на правильном пути или нет? в смысле после HTML на что лучше обратить внимания и начинать изучать...
Ответить
Превратить во что угодно можно с помощью CSS, а PHP служит только для обработки данных, полученных из формы. После HTML надо изучать CSS, это будет правильным. А после рекомендую изучать JavaScript, затем PHP и после надо научиться работать с базами данных.
Ответить
огромное спасибо тебе)
Ответить
Привет.еще вопрос)) а как пишется "форум" обычный, и в чем?
Ответить
Если с нуля (как это делаю сейчас я), то с помощью HTML+CSS+JavaScript+PHP+MySQL. Либо можно создать форум с помощью готового движка. Например, PHPBB. Он у меня был пару месяцев в своё время, и я остался им, в целом, доволен. Хотя, безусловно, самый лучший вариант - это свой форум. Но на это нужно время, желание и знания.
Ответить
желание есть, время пока тоже) а вот знания пока что не так сильны(( html освоил и только начал учить css... видимо еще рано мне самому)движок это интересно посмотрю ка тоже)) спасибо за ответ)
Ответить
Михаил, есть вопрос...вернее проблема...на странице есть форма для отправки данных...в соответствующие поля набраны данные и нажата кнопка "Запись" - данные ушли и поля очистились... Если сразу же обновить эту страницу, то данные вновь отправляются - те же самые, т.е. отправка данных идет не только при нажатии кнопки... в чем может проблема быть?
Ответить
Это уже зависит от браузера. Как правило, браузер задаёт вопрос: "Отправить данные?". Формулировка разные, но смысл тот же. Это никак не исправить, разве что делать обработку формы в каком-нибудь другом файле, а затем делать редирект обратно.
Ответить
я использовал jsp для сайта... и форма - это его часть...Если поместить код, связанный с формой в отдельный jsp и сделать из формы ссылку на этот jsp как обработчик, то как сделать редирект обратно? Пример подобный можете дать? Проблема уже пару дней мучает.
Ответить
Работаю над добавлением комментариев и получаю, что один коммент может добавляться бесконечное число раз(при каждой перезагрузке страницы с формой).
Ответить
response.sendRedirect("http://google.ru"); вот так делается редирект на JSP.
Ответить
спасибо.
Ответить
Вот сюда бы код пыховский, который обрабатывает отправку формы обратной связи. Хотя бы в качестве примера, а там уж можно самому мастерить. Не хотите ли Вы Михаил написать эту форму и записать на видео последовательность, внести этот маленький дар нам, бедным пользователям ?))) Думаю многим будет очень интересно овладеть полноценной формой обратной связи. С Уважением Максим
Ответить
Такое видео уже записано и доступно для моих подписчиков (http://srs.myrusakov.ru). Примерно 5-й выпуск этот урок и содержит.
Ответить
НеНеНе Михаил, Ваш курс я внимательно изучил, собственно из-за него я тут, собственно он мне значительно помог. Большое спасибо Вам за него. Но в том уроке только форма отправки, а меня интересует сам скрипт написан на php, который обрабатывает запрос.
Ответить
Читайте внимательней: 5-й выпуск! А курс в 1-м выпуске. Подождите, и выпуск с PHP и формой обратной связи придёт.
Ответить
Много есть сайтов помогающих научиться писать сайты, но не в одном из них нет в разделе о формах описание как написать обработчик формы.
Ответить
Вы пришли по адресу. Вот статья: http://myrusakov.ru/obrabotka-formy-php.html
Ответить
Михаил, подскажите, пожалуйста, как данные с формы отправить на email: action = "mailto:имя ящика"? При данном методе какой бы я method не ставил открывает microsoft outlook и все данные, написанные кириллицей отображены знаками. Подскажите, пожалуйста, что не так? Заранее благодарен.
Ответить
Всё правильно, должен открываться почтовый клиент. Чтобы отправлять форму на e-mail без почтовых клиентов, нужно знать PHP: http://myrusakov.ru/obrabotka-formy-php.html и http://myrusakov.ru/email-php.html
Ответить
Спасибо большое.
Ответить
Михаил, есть вопрос. Форму создал. Возник вопрос где читать то, что написали на сайте?
Ответить
http://myrusakov.ru/obrabotka-formy-php.html
Ответить
Михаил, скажите пожалуйста как вместо кнопки сделать картинку?
Ответить
Владик картинка делается типо вот так: <input type="image" src="images/ibutton.png" name="imageButton">
Ответить
Я все сделал правильно получается. Но как можно сделать, чтобы сообщения приходили на e-mail, а не на локальный сервер?
Ответить
Денвер специально для отладки сохраняет всё у себя. На хостинге будет нормально отправляться.
Ответить
Мне нужен request.php.Нет ли урока по этой теме?И можно ссылку? Спасибо!
Ответить
http://myrusakov.ru/obrabotka-formy-php.html
Ответить
здраствуйте, а можете подсказать, куда будут приходить коменты или то что пользователь будет отправлять через эту форму на сайте?
Ответить
Никуда, пока не подключить PHP и обработку формы: http://myrusakov.ru/obrabotka-formy-php.html
Ответить
Добрый день! А как сделать что бы в выпадающем списке были данные из таблицы mysql? Выберите вариант: <select name = "choice"> <option value = "1">Вариант 1 <option value = "2">Вариант 2 <option value = "3">Вариант 3 </select>
Ответить
Сделать выборку из таблицы, далее в цикле выводить echo "<option value=".$тут_значение_из_базы.">".$тут_значение_из_базы."</option>
Ответить
Спасибо большое, обязательно попробую, как пройдет новогодняя суета. Очень хотелось бы потренироваться на готовом скрипте, желательно посложнее. А именно выборам из нескольких таблиц. Думаю многим это бы пригодилось. Добавлено: Всё получилось, спасибо.
Ответить
Добрый день! Еще такой вопрос. Я использую многострочное поле selet, но мне нужно как то сделать что бы каждая строка разделялась на столбцы. Возможно это как то сделать? То есть что то типа таблицы, но что бы это была форма.
Ответить
Таблицу сделать не получится в option и select. Это можно было бы сделать только вообще без использования этих тегов, а создания своего собственного select, но здесь тогда будет большая работа с JavaScript и CSS.
Ответить
Спасибо. А статья у вас не планируется, как это можно сделать?
Ответить
Нет.
Ответить
Михаил, спасибо, полезная статья
Ответить
<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> теперь правильно?и ещё как теперь всё это в таблице выровнять?что-то не получаеться,за ранее спасибо.
Ответить
Уже даже тут ошибка: <td border = "20%" width = "40" height = "4" <td cols
Ответить
хмм а как тогда правильно?
Ответить
http://srs.myrusakov.ru/html - посмотрите этот курс.
Ответить
Здравствуйте,Михаил. Как сделать так, чтобы при нажатии кнопки "прикрепить файл" можно было выбрать не один файл, а несколько? Спасибо.
Ответить
Создать несколько полей с type="file".
Ответить
Уважаемый Михаил у меня не отображается изображение не на одном браузере подскажите в чём причина?
Ответить
я почему-то не заметил разницы между "post" и "get". может чего не увидел?
Ответить
http://myrusakov.ru/raznica-post-get.html
Ответить
Михаил, как поставить ссылки на 1 и 2 страницы. Я отдельно написала страницы "по росту цены" и "по снижению цены", вручную переставила товары. На данном сайте товар не меняется, поэтому мне проще было самой отсортировать его. А вот ссылки как ни пробовала ставить - не работают Сортировать: <select name = "choice"> <option value = "1">по росту цены <option value = "2">с снижению цены </select>
Ответить
и ещё, сайт отличный, но катастрофически не хватает кнопки "наверх". Столько раз хотелось чтобы она была.
Ответить
Елена,для вашего случая должно подойти такое: <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>
Ответить
Михаил, подскажи, сделал текстовую форму в хэдэре, для текста правил сайта. Не могу поднять её вверх, прижата к низу. Это на локалке. На живом сайте не делал, глянь пожалуста на главную http://tef.co.ua/index.php Как поднять форму вверх, при условии, что название ТЭФ я уже поднял (на локалке) А форма прилепилась к нижней кромке и не двигается, при увеличении вертикального размера формы она растёт вниз, безобразно растягивая шапку сайта http://radikall.com/images/2013/12/14/qPe7a.th.jpg Слева установлена прозрачная распорка.
Ответить
это phpbb кажется =) переместите весь div вверх.
Ответить
<form> внутри div-а
Ответить
ну так переместите весь div вверх
Ответить
В этом диве логотип, название сайта, распорка и форма. Это как? Как Мюнхаузен за усы себя вытащить?
Ответить
всё ещё не понимаю,чего Вы хотите добиться в phpbb есть файлы шаблона. достаточно просто переместить кусок кода в нужное место или задать ему нужные стили и вуаля
Ответить
Ну Вам и карты в руки... <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>
Ответить
вы мне объясните конкретно,чего Вы добиться хотите. можете хоть нарисовать,раз не умеете чётко формулировать вопросы. Что и куда,ну а также,на какой странице, надо переместить?Хоть стрелочками рисуйте а вообще,подобные вопросы задаются в поддержку той CMS,которую рассматриваете,так как Михаил разбирает в уроках полноценно и с нуля,а не то,что уже написано
Ответить
[url=http://radikall.com/oWO]http://radikall.com/images/2013/12/14/Q0Hdl.jpg[/url] Скопируйте в строку браузера и пройдите. Я давал картинку ещё в первом своём сообщении.
Ответить
Нет, вот так http://radikall.com/images/2013/12/14/Q0Hdl.jpg
Ответить
ничерта не понял. с таким перемещением как у Вас,можно даже блоки не двигать.просто задать position:relative и перемещение на top =) P.S. картинка в первом сообщении настолько мала,что даже в линзах не могу рассмотреть утром разберу. но всё равно не совсем понимаю.Что касается "давал картинку в первом сообщений",то как Вы могли заметить,выше Вы общались не со мной.Извините
Ответить
Там по картинке всё понятно-надо поднять текстовую форму вверх, под название сайта. Если название я поднял valign, то с формой такие номера не проходят.
Ответить
Уважаемый Женя,если Вам понятно,то я Ваши мысли не читаю и далеко не телепат.Какую текстовую форму? объясните подробно.из моего опыта работы с phpbb с редактированием шаблона вообще проблем не возникает,так как всё до банального просто Если Вас не затруднит,то заскриньте изначальное положение,обведите красным то,что надо перенести и стрелкой укажите место.Тогда я Вам точно помогу.
Ответить
Не затруднит конечно. То, что помечено жёлтым должно быть тем, что помечено красным. Тоесть поднять текстовое поле вверх. Надеюсь понятно нарисовал-жёлтого быть не должно, оно низко расположено. Переходим по ссылке http://radikall.com/images/2013/12/14/IHhTm.jpg
Ответить
Боюсь, опять не поймёте.. Жёлтое-то, что есть. Красное-то, что мне нужно.
Ответить
раз подвинуто,у того,где imagesuuuuuuuu стоит position:relative достаточно просто написать top:-x(где x - значение в пикселах) и всё переместится.Но Вы перемудрили. Я просил изначально то,что есть,стандартно. Дефолтно,можно даже с опущенным лого обвести красным и нарисовать стрелкой - куда подвинуть.А что за надписиьи блок с imagesihguuuuuuuuuuu я не понимаю. у Вас там что-то было?
Ответить
Та то просто наполнение формы для пробы, там будет текст правил сайта. Я делал раньше, как Вы советовали-и сейчас попробовал top:-.. Не помогает, форма стоит на месте.
Ответить
так я же не вижу Вашей формы и её стилей)могу сделать и помочь так,как было изначально в phpbb,если скажете что,на какой странице и куда переместить.если по тому коду,что Вы дали,то уберите там неуместный valign,добавьте position:relative и top и подгоните по параметрам)
Ответить
Я сделал как Вы сказали, вот что получилось )) http://radikall.com/images/2013/12/14/D0QP.jpg
Ответить
задайте absolute: вместо relative. там всё в разы проще было,насколько я помню.даже без позиционирования.Нужно с нуля смотреть,так как Вы уже что-то перемудрили со стилями
Ответить
Ничего не меняется..Ладно, завтра, голова уже не соображает. Спасибо за попытки помощи.
Ответить
мне не сложно Вам помочь)просто не понимаю,чего пытаетесь добиться и что есть на данный момент.
Ответить
Издеваетесь? http://radikall.com/images/2013/12/14/S0Ep9.jpg
Ответить
нет,не издеваюсь.пустое,новое,голое поле? или поле из того,что есть в структуре шаблона?логотип перемещали как?если перемещали.надо видеть код.пишите в саппорт - разберём подробнее
Ответить
Я логотип не перемещал, гляньте на главную моего сайта, сами поймёте, там нет этого поля в шаблоне, оно добавочное, от меня уже http://tef.co.ua/index.php
Ответить
и надо его разместить под ТЭФ,а ТЭФ поднять выше?
Ответить
Ну да.ТЭФ я поднял на локалке, а поле не размещается там где надо
Ответить
освобожусь,скачаю phpbb сделаю и скину Вам код? Устроит такой вариант? можете пока поиграться с position:absolute и размещением элементов относительно top,bottom Вы,просто,видимо не изучали CSS =)
Ответить
Конечно устроит. Не изучал css, читаю по гуглу, пробую... Там логотип из коробка, поставьте любое фото 523*283 для примера... чтоб понятней было
Ответить
Ну, наверное очень заняты. Отбой, гугл рулит.
Ответить
Вот видите. Ну да,очень занят.Тикетов много было сегодня + вопросы по старым решаю с курсами про интернет-магазин
Ответить
Та понятно. Столько дел... столько дел...
Ответить
Михаил. А разве тег option не должен быть закрыт?
Ответить
Павел, он закрыт.
Ответить
<select name = "choice"> <option value = "1">Вариант 1 <option value = "2">Вариант 2 <option value = "3">Вариант 3 </select> select закрыт option нет.
Ответить
<select name = "choice"> <option value = "1"> <option value = "2"> <option value = "3"> </select> Все закрыто.
Ответить
А вот тут начались сложности. Если бы не глянул в самый низ (готовый код) никогда бы не разчехлился сам.
Ответить
Здравствуйте! Выберите что-нибудь одно: <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 были столбцом,и друг под другом, а не в строчку?
Ответить
Все, спасибо, догнал!!
Ответить
а у меня все работает с учетом отсутствия скриптов но у меня русский язык не отображается ( иероглифы вместо языка ) ! что это может быть ?
Ответить
на выходе в исходном коде в браузере получается так : <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>
Ответить
Проблема с кодировкой, попробуйте UTF-8.
Ответить
Здравствуйте. Как сделать нестераемый текст в input? То есть, например, номера всегда начинаются с +7 и я хочу, чтобы пользователь не писал каждый раз +7, а просто дописывал остальное и при этом не мог стереть +7. Так, например, ВК сделано, когда делаешь особый адрес для страницы, то нельзя стереть "vk.com/". Заранее спасибо за помощь.
Ответить
http://mysite.ru/scipt/request.php Это ошибка?! Должно быть Script вместо scipt
Ответить
нет, должно быть scipt, по одной простой причине, - урлы не поддерживают заглавных букв, и по сути роли не играет с заглавной пишите или нет, всеравно выведет одинаково
Ответить
Подскажите максимальное количество знаков в текстовой строке и строке для пароля
Ответить
Михаил, если при создании текстовой области в качестве значения атрибутов cols и rows поставить "-1" будет ли это обозначать бесконечность
Ответить
<input type="file" name="path">-path это путь к файлу, правильно я понимаю
Ответить
Можно ли форму регистрации и авторизации, размещать на сайте без CSS ??? У меня есть сайт и там свои CSS. Заранее благодарю.
Ответить
Громадное спасибо за Вашу работу! Все написано очень просто и понятно.
Ответить
Здесь мы с Вами создаём текстовую область высотой в 10 строк (значение атрибута "rows") и шириной в 15 символов (значение атрибута "cols"). Добрый день Михаил спасибо вам за вашу работу меня зовут жахангир. я начал изучать html... Высота строк не ограничилась 10 строками когда я оканчательно довел символы до 15 она опускалась дальше и дальше. Я печатаю на среде Sublime text 3
Ответить
Здравствуйте! Скажите, пожалуйста, я вообще не понимаю, для чего нужны эти радио кнопки и выпадающий список и что это за текстовая область? С уважением, Глеб
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.