download.bg
 Вход Списание  Новини  Програми  Статии  Форум  Чат   Абонамент  Топ95   Архив 

Форум » Програмиране и web-дизайн » html форма за имейл с полета

html форма за имейл с полета

<1 2 3 4 5 >

Автор
Съобщение
svilen73
Чет, 26.01.12, 07:20
Това трябва да ти свърши работа само си промени полетата както искаш .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Mail">
 
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>
 
</head>
 
<body>
 
<form name="form1" method="POST" action="mailto:sssvilen@gmail.com" enctype="text/plain" style="position:absolute;">
<input name="name" type="text" style="position:absolute;width:150px;left:369px;top:190px;z-index:1">
<input name="subject" type="text" style="position:absolute;width:150px;left:369px;top:221px;z-index:2">
<textarea name="message" style="position:absolute;width:200px;height:100px;left:369px;top:252px;z-index:3"></textarea>
<input name="submit" type="submit" value="submit" style="position:absolute;left:369px;top:361px;z-index:4">
</form>
 
<div id="text1" style="position:absolute; overflow:hidden; left:298px; top:192px; width:67px; height:114px; z-index:5"><font style="font-size:13px" face="Arial" color=#000000><div>Name</div><div><BR></div><div>Subject</div><div><BR></div><div><BR></div><div>Message</div><div><BR></div><div><BR></div></font></div>
 
</body>
</html>

Отговор  За печат  
anonymous
Чет, 26.01.12, 10:15

RE: RE: html форма за имейл с полета

Цитат на stoqncho от Сряда, 25.01.2012 23:04
” Сори, ама изпусна влака и вече беше съобщена тази подробност. „

Ти в информационна служба ли работиш не разбрах ? Както виждаш аз казвам "Ммм да..." а това означава че потвърждавам че трябва да има пхп ако иска да изпрати маил от сайт. Но все пак благодаря за вниманието което ми отделяш за да следиш какво пиша .

П.С.

Станиславе поне аз много бих се раздразнил да попълня форма след което да ме изпрати в друга за изпращане на мейл.... за това послушай Ганчо и нека ти качи пхп скрипта в неговия сайт или ако искаш и аз ще помогна като кача в моя...

редактиран от anonymous на 26.01.12 10:19
Отговор  За печат  
oldcastle
Чет, 26.01.12, 15:08

RE: RE: RE: html форма за имейл с полета

Цитат на anonymous от Четвъртък, 26.01.2012 10:15
” Ти в информационна служба ли работиш не разбрах ? Както виждаш аз казвам "Ммм да..." а това означава че потвърждавам че трябва да има пхп ако иска да изпрати маил от сайт. Но все пак благодаря за вниманието което ми отделяш за да следиш какво пиша .

П.С.

Станиславе поне аз много бих се раздразнил да попълня форма след което да ме изпрати в друга за изпращане на мейл.... за това послушай Ганчо и нека ти качи пхп скрипта в неговия сайт или ако искаш и аз ще помогна като кача в моя... „

Не си ме разбрал. Самият имейл, на който трябва да бъде изпратена попълнената форма, се съдържа в кода, значи формата е направена така че да се изпраща всеки път на един и същ имейл. След като човекът попълни формата, натиска "Изпрати" и му се отваря имейл клиентът. Там нищо не прави, просто още веднъж натиска "Изпрати" и това е. Това успях да го постигна частично, проблемът е, че в текстовото поле на имейла, който се изпраща, излиза част от кода.
Сега ще проверя с кода на Свилен какво ще стане.
Отговор  За печат  
insecteater
Чет, 26.01.12, 18:05
За теб дребното неудобство ще е, че информацията която получаваш от email клиента на изпращача, ще е в малко гаден за четене и възприемане вид. Но не е болка за умиране.
Отговор  За печат  
oldcastle
Чет, 26.01.12, 22:37
Мисля, че няма да е проблем това. Опитвам се да редактирам кода на Свилен, искам да добавя имена на полетата от ляво и по още едно поле отдясно за бройките, но нещо не се получава...
Отговор  За печат  
svilen73
Чет, 26.01.12, 22:48

RE: html форма за имейл с полета

Цитат на oldcastle от Четвъртък, 26.01.2012 22:37
” Мисля, че няма да е проблем това. Опитвам се да редактирам кода на Свилен, искам да добавя имена на полетата от ляво и по още едно поле отдясно за бройките, но нещо не се получава... „
Сега съм зает но ако не бързаш утре ще ти го направя само ми пусни какви полета искаш да имаш.
Имаш ми мейла .

Редакция .
Остана ми малко свободно време и виж така дали ще те устрои.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Mail">
 
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>
 
</head>
 
<body>
 
<form name="form1" method="POST" action="mailto:sssvilen@gmail.com.com" enctype="text/plain" style="position:absolute;">
<input name="Pole-1" type="text" style="position:absolute;width:224px;left:387px;top:101px;z-index:1">
<input name="Pole-2" type="text" style="position:absolute;width:224px;left:387px;top:132px;z-index:2">
<input name="Pole-3" type="text" style="position:absolute;width:224px;left:386px;top:163px;z-index:6">
<input name="Pole-4" type="text" style="position:absolute;width:223px;left:386px;top:194px;z-index:7">
<textarea name="message" style="position:absolute;width:256px;height:142px;left:385px;top:241px;z-index:3"></textarea>
<input name="submit" type="submit" value="submit" style="position:absolute;left:456px;top:412px;z-index:4">
 
</form>
 
<div id="text1" style="position:absolute; overflow:hidden; left:317px; top:116px; width:67px; height:184px; z-index:5"><div class="wpmd">
<div>Pole-1</div>
<div><BR></div>
<div>Pole-2</div>
<div><BR></div>
<div>Pole-3</div>
<div><BR></div>
<div>Pole-4</div>
<div><BR></div>
<div><BR></div>
<div>Message</div>
</div></div>
 
</body>
</html>

редактиран от svilen73 на 27.01.12 00:30
Отговор  За печат  
svilen73
Пет, 27.01.12, 00:54
Още една редакция сега видях че искаш и бройки да има ето какво направих дано ти свърши работа.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Mail">
 
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>
 
</head>
 
<body>
 
<form name="form1" method="POST" action="mailto:sssvilen@gmail.com" enctype="text/plain" style="position:absolute;">
<input name="Pole-1" type="text" style="position:absolute;width:224px;left:387px;top:101px;z-index:1">
<input name="Pole-2" type="text" style="position:absolute;width:224px;left:387px;top:132px;z-index:2">
<input name="Pole-3" type="text" style="position:absolute;width:224px;left:386px;top:163px;z-index:6">
<input name="Pole-4" type="text" style="position:absolute;width:223px;left:386px;top:194px;z-index:7">
<input name="Pole-1 br" type="text" style="position:absolute;width:160px;left:729px;top:101px;z-index:8">
<input name="Pole-2 br" type="text" style="position:absolute;width:160px;left:730px;top:132px;z-index:9">
<input name="Pole-3 br" type="text" style="position:absolute;width:160px;left:729px;top:164px;z-index:10">
<input name="Pole-4 br" type="text" style="position:absolute;width:160px;left:729px;top:195px;z-index:11">
<textarea name="message" style="position:absolute;width:256px;height:142px;left:385px;top:241px;z-index:3"></textarea>
<input name="submit" type="submit" value="submit" style="position:absolute;left:456px;top:412px;z-index:4">
 
</form>
 
<div id="text1" style="position:absolute; overflow:hidden; left:317px; top:116px; width:67px; height:184px; z-index:5"><div class="wpmd">
<div>Pole-1</div>
<div><BR></div>
<div>Pole-2</div>
<div><BR></div>
<div>Pole-3</div>
<div><BR></div>
<div>Pole-4</div>
<div><BR></div>
<div><BR></div>
<div>Message</div>
</div></div>
 
<div id="text2" style="position:absolute; overflow:hidden; left:654px; top:115px; width:67px; height:119px; z-index:12"><div class="wpmd">
<div>Pole-1 br.</div>
<div><BR></div>
<div>Pole-2 br.</div>
<div><BR></div>
<div>Pole-3 br.</div>
<div><BR></div>
<div>Pole-4 br.</div>
</div></div>
 
</body>
</html>

Ето как изглежда мейла :

Полълнен в лиско :

Изпращане с Mozilla Thunderbird :

Получен имейл :

Да допълня че това нещо немога да го накарам да работи с ИЕ 9 и Опера с Мозила и Хрома е ок ако някой има идея да дава.

редактиран от svilen73 на 27.01.12 01:03
редактиран от svilen73 на 27.01.12 01:22
редактиран от svilen73 на 27.01.12 01:25
Отговор  За печат  
oldcastle
Пет, 27.01.12, 05:04
Точно това ми трябва! Сега ще се помъча да добавя още няколко полета.
Благодаря!!!
Отговор  За печат  
svilen73
Пет, 27.01.12, 11:02
Ето както искаше с новите полета + едно от мен.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Mail">
 
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>
 
</head>
 
<body>
 
<form name="form1" method="POST" action="mailto:sssvilen@gmail.com.com" enctype="text/plain" style="position:absolute;">
<input name="name" type="text" style="position:absolute;width:150px;left:400px;top:176px;z-index:1">
<input name="date" type="text" style="position:absolute;width:150px;left:400px;top:207px;z-index:2">
<input name="Pr-1" type="text" style="position:absolute;width:150px;left:400px;top:240px;z-index:6">
<input name="Pr-2" type="text" style="position:absolute;width:150px;left:400px;top:272px;z-index:7">
<input name="Pr-3" type="text" style="position:absolute;width:150px;left:400px;top:306px;z-index:8">
<input name="Pr-4" type="text" style="position:absolute;width:150px;left:400px;top:337px;z-index:9">
<input name="Pr-5" type="text" style="position:absolute;width:150px;left:400px;top:369px;z-index:10">
<input name="Pr-6" type="text" style="position:absolute;width:150px;left:400px;top:401px;z-index:11">
<input name="Pr-7" type="text" style="position:absolute;width:150px;left:400px;top:430px;z-index:12">
<input name="Pr-8" type="text" style="position:absolute;width:150px;left:400px;top:464px;z-index:13">
<input name="Pr-9" type="text" style="position:absolute;width:150px;left:400px;top:495px;z-index:14">
<input name="Pr-10" type="text" style="position:absolute;width:150px;left:400px;top:528px;z-index:15">
<input name="Pr-11" type="text" style="position:absolute;width:150px;left:400px;top:560px;z-index:16">
<input name="Pr-12" type="text" style="position:absolute;width:150px;left:400px;top:594px;z-index:17">
<input name="Pr-13" type="text" style="position:absolute;width:150px;left:400px;top:624px;z-index:18">
<input name="Pr-14" type="text" style="position:absolute;width:150px;left:400px;top:656px;z-index:19">
<input name="Pr-15" type="text" style="position:absolute;width:150px;left:400px;top:687px;z-index:20">
<input name="Br-1" type="text" style="position:absolute;width:84px;left:580px;top:241px;z-index:21">
<input name="Br-2" type="text" style="position:absolute;width:84px;left:580px;top:274px;z-index:22">
<input name="Br-3" type="text" style="position:absolute;width:84px;left:580px;top:308px;z-index:23">
<input name="Br-4" type="text" style="position:absolute;width:84px;left:580px;top:338px;z-index:24">
<input name="Br-5" type="text" style="position:absolute;width:84px;left:580px;top:371px;z-index:25">
<input name="Br-6" type="text" style="position:absolute;width:84px;left:580px;top:403px;z-index:26">
<input name="Br-7" type="text" style="position:absolute;width:84px;left:580px;top:431px;z-index:27">
<input name="Br-8" type="text" style="position:absolute;width:84px;left:580px;top:465px;z-index:28">
<input name="Br-9" type="text" style="position:absolute;width:84px;left:580px;top:496px;z-index:29">
<input name="Br-10" type="text" style="position:absolute;width:84px;left:580px;top:529px;z-index:30">
<input name="Br-11" type="text" style="position:absolute;width:84px;left:580px;top:561px;z-index:31">
<input name="Br-12" type="text" style="position:absolute;width:84px;left:580px;top:595px;z-index:32">
<input name="Br-13" type="text" style="position:absolute;width:84px;left:580px;top:625px;z-index:33">
<input name="Br-14" type="text" style="position:absolute;width:84px;left:580px;top:656px;z-index:34">
<input name="Br-15" type="text" style="position:absolute;width:84px;left:580px;top:687px;z-index:35">
<textarea name="message" style="position:absolute;width:433px;height:145px;left:398px;top:740px;z-index:3"></textarea>
<input name="submit" type="submit" value="submit" style="position:absolute;left:559px;top:907px;z-index:4">
</form>
 
<div id="text1" style="position:absolute; overflow:hidden; left:330px; top:186px; width:67px; height:635px; z-index:5"><div class="wpmd">
<div>Name</div>
<div><BR></div>
<div>Date</div>
<div><BR></div>
<div>Pr-1</div>
<div><BR></div>
<div>Pr-2</div>
<div><BR></div>
<div>Pr-3</div>
<div><BR></div>
<div>Pr-4</div>
<div><BR></div>
<div>Pr-5</div>
<div><BR></div>
<div>Pr-6</div>
<div><BR></div>
<div>Pr-7</div>
<div><BR></div>
<div>Pr-8</div>
<div><BR></div>
<div>Pr-9</div>
<div><BR></div>
<div>Pr-10</div>
<div><BR></div>
<div>Pr-11</div>
<div><BR></div>
<div>Pr-12</div>
<div><BR></div>
<div>Pr-13</div>
<div><BR></div>
<div>Pr-14</div>
<div><BR></div>
<div>Pr-15</div>
<div><BR></div>
<div><BR></div>
<div>Message</div>
</div></div>
 
<div id="text2" style="position:absolute; overflow:hidden; left:614px; top:214px; width:35px; height:28px; z-index:36"><div class="wpmd">
<div>QTY</div>
</div></div>
 
</body>
</html>

редактиран от svilen73 на 27.01.12 11:04
Отговор  За печат  
insecteater
Пет, 27.01.12, 13:14
И аз да те замеря с една форма:
Forms1.html

Може да се сложи JavaScript валидация на формата, да слага автоматично днешна дата в полето за дата (стига да е необходимо), може и бутонче с popup календар да избират дата с мишката и тем подобни глезотийки като идея за добавяне. Стига да решиш, че колегите ти го заслужават

редактиран от insecteater на 27.01.12 13:15
Отговор  За печат  

<1 2 3 4 5 >

Коментар

за нас | за разработчици | за реклама | станете автори | in english  © 1998-2024   Experta Ltd.