В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-03-2024! 🞨
Меню :
dw block (12)
form html (30)
form (11)



Blog (1392)
php (329)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
hosting (18)
svg (18)
input (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
info (15)
img (14)
js time (14)
js url (14)
js events (14)
htaccess (13)
select (13)
notepad (13)
osclass (13)
keyboard (12)
знак (12)
dw block (12)
php img (12)
php path (12)
table (12)
download (12)
icon (11)
form (11)
jsphp (11)
alphabet (10)
keyframes (10)
js delete (10)
yandex (10)
mouse (10)
chart (9)
hover (9)
dosite (8)
browser (8)
php post (7)
comment (7)
php url (7)
iframe (6)
php get (6)
mysql (6)
click (6)
list (6)
canvas (6)
adminka (6)
vs code (6)
js id (5)
mb (5)
heading (5)
value (5)
reg.ru (5)
ftp (5)
year (5)
js math (5)
tag a (5)
bbcode (4)
php var (4)
base64 (4)
xml (4)
scandir (4)
games (4)
flags (4)
symbols (4)
week (4)
day (4)
ssl (4)
нок (4)
submit (4)
task (4)
vk (4)
month (4)
pages (4)
console (4)
js form (4)
domen (3)
line (3)
https (3)
js post (3)
jquery post (3)
money (3)
numbers (3)
js img (3)
padding (3)
куб (3)
captcha (3)
ucoz (3)
js hash (3)
tag hr (2)
details (2)
typeof (2)
seo (2)
prompt (2)
sitemap (2)
рся (2)
youtube (2)
height (2)
arrows (2)
js vars (2)
counter (2)
google (2)
qr kod (2)
video (2)
speed (1)
smile (1)
нод (1)
rutube (1)
scroll (1)
windows (1)
archive (1)
jino (1)
cursor (1)

Автоматическая php форма

"Автоматическая php форма" - в какой-то момент тебе начинает надоедать постоянное создание форм. У меня такой момент настал. Каждый раз заново нужно создавать новую форму... прописывать все атрибуты, классы и т.д. - если вы здесь, то думаю, что вы понимаете о чем это я!

Скоро : DwForm 2.0

Универсальная автоматическая форма DwForm.

  1. Техническое задание на создание автоматической формы php
  2. Пример работы автоматической формы php.
  3. Автоматической форма php с 2 input
  4. Пример автоматической формы с типом number
  5. Пример автоматической формы с типом checkbox
  6. Добавление placeholder в автоматическую форму php.
  7. Добавление textarea в автоматическую форму php.
  8. Submit в автоматическую форму php.
  9. Все типы в автоматической форме php.
  10. Обязательные и не обязательные поля в автоматической форме php.
  11. Атрибуты в автоматической форме php.
  12. Дополнительные атрибуты.
  13. Скачать
17.06.2022

Форма обновлена.

Форма находится в процессе разработки... возможны изменения!

  1. Техническое задание на создание автоматической формы php

    Надо создать функцию php(далее DwForm) в которой будет заложен алгоритм вывода любого типа input.

    "Автоматическая форма php" должна иметь способность повторяться неограниченное количество раз на странице.

    "Автоматическая форма php" должна иметь возможность изменения ширины.

    "Автоматическая форма php" должна иметь возможность изменения типа поля ввода.

    "Автоматическая форма php" должна иметь возможность изменения количества полей ввода.

    Прототип автоматической формы php.

    В связи с тем, что "автоматическая универсальная функция" несколько увеличилась в размерах, то теперь её можно скачать отдельным архивом здесь И хочу еще сказать... 23.04.2022

    Я не собираюсь вас уговаривать, и возможно, что с первого раза вам эта идея не зайдет...

    Но после некоторого времени использования на сайте...

    Блин! Как же это удобно!

    Не нужно каждый раз создавать стили, теги, ...всё в одной точке...

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


  2. Пример работы автоматической формы php.

    Начнем с первого, простого примера работы функции...

    Пример использования автоматической формы в php:

    echo dwForm(1,'',post,example,отправить,text,250,'');
    Представленные аргументы: Подробнее об аргументах

    1 - количество полей ввода.

    '', - атрибут action.(action)

    post - метод post

    example - префикс.

    отправить - слово в submit(которое вы увидите в кнопке.)

    text - тип полей ввода. (type="text")

    250 - ширина формы. (width)

    Вывод автоматической формы php.

    Поместим приведенный код :

    echo dwForm(1,'',post,example_00,отправить,text,250,'');

    Прямо здесь:

    Вывод автоматической формы php в Htmlspecialchars .

    Пропустим нашу форму через "htmlspecialchars"... поскольку... данная форма формируется автоматически, то я её не могу вывести стационарно... поэтому выводим на лету:

    echo htmlspecialchars(dwForm(1,'',post,example_00,отправить,text,250,'')));
    Получим:

    <style> form.example_00 {width:250px;margin:auto;}form.example_00 input{cursor:pointer;display:block;width:100%;padding:10px 0;text-indent:10px;background:none;border:1px solid #ccc;border-radius:3px;font-family:inherit;font-size:1rem;color:#444;margin:10px auto;box-sizing: unset;}label input{display:inline-block !important;width:20px !important;}form.example_00 label{display:block;cursor:pointer}form.example_00 input[type="submit"] { text-indent: 0px !important;}</style>
    <form id="form_example_00" method="post" class="example_00" action=""><input name="name_example_000" type="text" placeholder="" required><input name="sub_example_00" type="submit" value="отправить"></form>


  3. Автоматической форма php с 2 input

    На втором примере автоматической формы рассмотрим пример, если требуется вывести два поля input

    Изменим количество полей формы - путь их будет 2

    Один из важнейших атрибутов данной функции является аргумент "префикс" - в следующем примере изменим его на слово "west" + изменим ширину формы - 550:

    Изменим слово в submit - "Сохранить"

    выводим:

    echo dwForm(2,'',post,west,Сохранить,text,550,'');

    Пример автоматической формы №2


  4. Пример автоматической формы с типом number

    Для того, чтобы изменить тип полей ввода требуется изменить аргумент "type".

    Изменим тип поля ввода на number

    Выделено ниже красным:

    Выведем с помощью echo

    echo dwForm(1,'',post,ex5,Посчитать,number,150,'');

    Пример автоматической формы с типом number


  5. Пример автоматической формы с типом checkbox

    Изменим тип поля ввода на checkbox

    Выделено ниже красным:

    Добавим тег label + нам потребуется пояснения напротив каждого checkbox.

    Вначале пишется тип(checkbox), далее равно и текст(Выбрать чекбокс 1).

    У нас будет два checkbox, поэтому пишем через звездочку"*" - параметры второго поля checkbox

    'checkbox=Выбрать чекбокс 1*checkbox=Выбрать чекбокс 2'

    Выведем с помощью echo

    echo dwForm(2,'',post,ex7,Посчитать,'checkbox=Выбрать чекбокс 1*checkbox=Выбрать чекбокс 2',200);

    Пример автоматической формы с типом checkbox

    Код автоматической формы с типом checkbox

    Получим на лету форму выше приведенного кода:

    <style> form.ex7 {width:200px;margin:auto;}form.ex7 input{cursor:pointer;display:block;width:100%;padding:10px 0;text-indent:10px;background:none;border:1px solid #ccc;border-radius:3px;font-family:inherit;font-size:1rem;color:#444;margin:10px auto;box-sizing: unset;}label input{display:inline-block !important;width:20px !important;}form.ex7 label{display:block;cursor:pointer}form.ex7 input[type="submit"] { text-indent: 0px !important;}</style>
    <form id="form_ex7" method="post" class="ex7" action=""><label><input name="name_ex70" type="checkbox" value="ok"> Выбрать чекбокс 1</label><label><input name="name_ex71" type="checkbox" value="ok"> Выбрать чекбокс 2</label><input name="sub_ex7" type="submit" value="Сохранить"></form>


  6. Добавление placeholder в автоматическую форму php.

    Как добавить "placeholder в автоматическую форму php" ?

    prefix - одновременно отвечает за placeholder!

    Чтобы placeholder выводился требуется создать массив с тем же названием, что и "prefix"

    $prefix = array('Введите адрес','Ваше имя','Ваша Фамилия');

    Выводим:

    echo dwForm(3,'',post,prefix,Сохранить,text,300,'');

    Пример автоматической формы с placeholder


  7. Добавление textarea в автоматическую форму php.

    Для того, чтобы добавить textarea в автоматическую форму php надо использовать последнюю переменную в функции, например... выделено красным:

    Пример 1

    Первая позиция -100 - высота textarea (height)

    Вторая позиция:

    Если 0 - это растягивание в двух направлениях(resize:both;)

    Если 1 - это растягивание в горизонтали(resize:horizontal;)

    Если 2 - это растягивание в горизонтали(resize:vertical;)

    Если 3 - это растягивание нет(resize:none;)

    Пример кода:

    $ex = array('Введите пароль','Введите логин','Введите текст');

    $ex_00 = dwForm('2','','post','ex', Отправить ,'text','600','100,3');

    Вывод автоматической формы с textarea

    Пример 2

    Добавление атрибутов в textarea в автоматическую форму php.

    Возможно добавление трех вариантов атрибутов:

    Атрибут id(как вы знаете в js самое удобное это id).

    id=example

    Атрибут data - в функции прописано единственное возможное использование - "data-resize=name"(это для dw_resize) - для резинового textarea

    data-resize=name

    И любой другой атрибут... ну например style:

    style=border:1px solid red

    Пример использования атрибута в textarea

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

    Самый интересный для меня - это второй...:

    Код атрибута в textarea в автоматическую форму php.

    $pref = array('Введите пароль','Введите логин','Введите текст');

    $form_1 = dwForm('2','','post','pref', Отправить ,'text','600','100,2+data-resize=name');

    echo $form_1;

    Применение атрибута в textarea в автоматическую форму php.


  8. Submit в автоматическую форму php.

    Чтобы совсем не была скучная кнопка "Submit" - ей можно добавить/изменить:

    Первая позиция : текст:

    Цвет-submit

    Вторая - "up"(можно пусто '')

    text-transform: uppercase;

    Третья - цвет :

    текста, например - "red=white" - цвет текста красный, background "white"

    После первой звездочки "hover" - например "white=red", при наведении цвет изменится на white, background

    на "red"

    После второй звездочки скорость перехода "секунды", например "2"

    transition: 2s;
    Соберем весь код вместе:

    submit - выделен красным.

    Здесь показано, как можно некоторые свойства выделить в отдельную переменную(кроме prefix - здесь переменная - $different - должна быть в виде массива(должно быть одинаковым - подсвечено фиолетовым.).)

    $different = array('Введите пароль','Введите логин','Введите текст');

    $submit = 'Цвет-submit,up,red=white*white=red*2';

    $form_2 = dwForm('2','','post','different', $submit ,'text','600','100,2+data-resize=name');

    Результат:

  9. Все типы в автоматической форме php.

    Предположим, что вам нужно вывести все типы, которые мы сверху перечислили...

    Повторять всё заново не буду смотри код:

    $example = array('Ваше имя','Введите пароль','Ваше емайл','','','текст в textarea');

    $typ_e = 'text*password*email*checkbox=Выбрать чекбокс*radio=Выбрать радиоточку*';

    $submit = 'Сохранить,up,red=white*white=red*2';

    $form_3 = dwForm('5','','post','example',$submit ,$typ_e,'400','100,2+data-resize=name');

    echo $form_3;

    Результат:

  10. Обязательные и не обязательные поля в автоматической форме php.

    Все типы в автоматической форме являются обязательными required, но если вам требуется какое-то поле сделать необязательным? Для этого вам понадобится:

    Возьмем для примера форму из этого пункта.

    В переменной $typ_e записываем необязательное поле, как +norequired

    $typ_e = 'number*number+norequired*number+norequired';
    Весь код формы:

    $d_to_s = array('Введите дни','введите часы','введите секунды');

    $typ_e = 'number*number+norequired*number+norequired';

    $day_to_second =

    dwForm('3','#day_to_second','post','d_to_s','Конвертировать дни в секунды,up,red=white*white=red*2',$typ_e,'300',''); <a href=здесь_ссылка target=_blank>текст_ссылки</a>

    И вы получите вот такой html код формы:

    <style> form.d_to_s {width:300px;margin:auto;}form.d_to_s input{cursor:pointer;display:block;width:100%;padding:10px 0;text-indent:10px;background:none;border:1px solid #ccc;border-radius:3px;font-family:inherit;font-size:1rem;color:#444;margin:10px auto;box-sizing: unset;}label input{display:inline-block !important;width:20px !important;}form.d_to_s label{display:block;cursor:pointer}form.d_to_s input[type="submit"] { text-indent: 0px !important;text-transform:uppercase;transition:2s;color:red;background:white}form.d_to_s input[type="submit"]:hover {color:white;background:red}</style>
    <form id="form_d_to_s" method="post" class="d_to_s" action="#day_to_second"><input name="name_d_to_s0" type="number" placeholder="Введите дни" ><input name="name_d_to_s1" type="number" placeholder="введите часы" ><input name="name_d_to_s2" type="number" placeholder="введите секунды" ><input name="sub_d_to_s" type="submit" value="Конвертировать дни в секунды"></form>

    И форма с обязательными и не обязательными полями в автоматической форме php.


  11. Атрибуты в автоматической форме php.

    echo dwForm($c,$h,$m,$p,$s,$t,$w,$ta );

    $c - сокращенно от count(считать) - количество полей ввода

    Count - "число" полей ввода.

    Не может быть словом.

    Не может быть пустым.

    echo dwForm($c,$h,$l,$m,$p,$s,$t,$w);

    // $c используется : for ($i=0;$i<$c;$i++)

    $h - сокращенно от href/hashссылка

    Href - "ссылка" либо на другую страницу, либо на часть страницы.

    Может быть пустым.

    echo dwForm($c,$h,$l,$m,$p,$s,$t,$w);

    // $h используется : action="'.$h.'"(action)

    $m - сокращенно от method(метод)

    Method(метод) - если это php - метод передачи данныхpost,get

    Если это php - не может быть пустым.

    echo dwForm($c,$h,$l,$m,$p,$s,$t,$w);

    // $m используется : method="'.$m.'"(post,get )

    $p - сокращенно от prefix(префикс)

    Prefix(префикс) - важнейших атрибут - требует уникальное имя на английском.

    Делает форму уникальной.

    Не может быть пустым.

    echo dwForm($c,$h,$l,$m,$p,$s,$t,$w);

    // $p используется : везде в функции. Например : для создания уникального имени name="name_'.$p.''.$i.'"(name)

    $s - сокращенно от submit

    $s - передает в поле submit слово, например "отправить"

    Не может быть пустым.

    echo dwForm($c,$h,$l,$m,$p,$s,$t,$w);

    // $s используется : value="'.$s.'"

    $t - сокращенно от type(тип)

    $t - передает в поле ввода input тип поля ввода type

    Не может быть пустым.

    echo dwForm($c,$h,$l,$m,$p,$s,$t,$w);

    // $t используется : type="'.$t.'"

    $w - сокращенно от width(ширина)

    $w - передает ширину формы в пикселях.

    Не может быть пустым.

    echo dwForm($c,$h,$l,$m,$p,$s,$t,$w);

    // $w используется : width:'.$w.'

    $ta - сокращенно от textarea(лейбл)

    Тег textarea

    Описание с примерами


  12. Дополнительные атрибуты.

    Основные атрибуты формы прописаны. Но вдруг вам хочется добавить какой-то новый атрибут, который не прописан в форме!

    Что делать?

    Есть три позиции:

    Для textarea

    Чтобы добавить в тег "textarea" любой дополнительный атрибут/несколько атрибутов в последнем атрибуте формы добавляем "+" и далее ваш/ваши атрибуты:

    $form_01 = dwForm('2','','post','pref0', Отправить ,'text','600','100,2+data-example=name tyle="background:blue; color: white"');

    Например:

    Для input на примере типа number

    Нам требуется например(что-то больше ничего не придумал...)number с шагом(step), как добавить?

    Добавляем опять + и ваши атрибуты...

    $form_cube = dwForm('1','#cube','post','cube',отправить,'number+step="0.01"','200','');

    Результат:

    C SUBMIT аналогично
    $form_cube1 = dwForm('1','#cube','post','cube','отправить+style="background: #ff0000;color: aliceblue;"','number+step="0.01"','200','');
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.028416 секунд. Подробнее