Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › [HTML] How to Make a Form on a website
New Posts  All Forums:Forum Nav:

[HTML] How to Make a Form on a website

post #1 of 14
Thread Starter 
I made this using freewebs.com
when it is filled out and submitted it will send me an email with the info
limit is 25 submission per month on the free service

i now have my own server anyone know how i can do this?

Deepthought
(17 items)
 
   
CPUMotherboardGraphicsRAM
Intel Core 2 Quad Q6600 (OC-3GHz{334x9}-1.24375v) Asus P5Q Pro Turbo GIGABYTE AMD Radeon HD 6850  OCZ 4GB Reaper HPC / Dual Ch. DDR2 PC6400 
Hard DriveHard DriveHard DriveOptical Drive
OCZ Vertex 4 Seagate Barracuda 7200.9 SATA Seagate Barracuda 7200.9 SATA LG HL-DT-ST DVDRAM GSA-H42N SCSI DVD+RW/DVD-RAm 
CoolingOSMonitorKeyboard
Thermalright Ultra-120 eXtreme Windows 8 Pro x64 LG E2260V-PN Microsoft SideWinder X6 
PowerCaseMouseAudio
Thermaltake Toughpower W0103 600-Watt ATX 12V 2.2 Antec Performance One P182 Microsoft SideWinder X8 Logitech ClearChat Comfort USB Headset (H390) 
CPUMotherboardGraphicsRAM
Intel Core i7-4500U Dell XPS 12-9Q33 Intel HD Graphics 4400 8GB DDR3 
Hard DriveOSMonitor
SAMSUNG SSD SM841 mSATA 256GB Windows 8.1 64Bit 1080p Dell, 10 Point Touch 
CPURAMHard DriveOS
Intel Atom Z2420 1GB 16GB Android 4.1 
MonitorPowerOther
7" Touchscreen LED Backlight WXGA (1280x800) IP... 16Wh Li-polymer Battery GPS & Glonass,G-Sensor, E-compass, Proximity, A... 
  hide details  
Reply
Deepthought
(17 items)
 
   
CPUMotherboardGraphicsRAM
Intel Core 2 Quad Q6600 (OC-3GHz{334x9}-1.24375v) Asus P5Q Pro Turbo GIGABYTE AMD Radeon HD 6850  OCZ 4GB Reaper HPC / Dual Ch. DDR2 PC6400 
Hard DriveHard DriveHard DriveOptical Drive
OCZ Vertex 4 Seagate Barracuda 7200.9 SATA Seagate Barracuda 7200.9 SATA LG HL-DT-ST DVDRAM GSA-H42N SCSI DVD+RW/DVD-RAm 
CoolingOSMonitorKeyboard
Thermalright Ultra-120 eXtreme Windows 8 Pro x64 LG E2260V-PN Microsoft SideWinder X6 
PowerCaseMouseAudio
Thermaltake Toughpower W0103 600-Watt ATX 12V 2.2 Antec Performance One P182 Microsoft SideWinder X8 Logitech ClearChat Comfort USB Headset (H390) 
CPUMotherboardGraphicsRAM
Intel Core i7-4500U Dell XPS 12-9Q33 Intel HD Graphics 4400 8GB DDR3 
Hard DriveOSMonitor
SAMSUNG SSD SM841 mSATA 256GB Windows 8.1 64Bit 1080p Dell, 10 Point Touch 
CPURAMHard DriveOS
Intel Atom Z2420 1GB 16GB Android 4.1 
MonitorPowerOther
7" Touchscreen LED Backlight WXGA (1280x800) IP... 16Wh Li-polymer Battery GPS & Glonass,G-Sensor, E-compass, Proximity, A... 
  hide details  
Reply
post #2 of 14
Why don't you just view the source code, and copy and paste it to your own website?
post #3 of 14
It looks extremely basic, and easy.

Any free HTML site will have the syntax for any of those text box's, check box's, and added stuff to have it e-mail the info to you.
    
CPUMotherboardGraphicsRAM
C2D T7100 1.8 ghz (undervolted) ummm... Dell Intel X3100 2 x 1gb 667mhz 
Hard DriveOptical DriveOSMonitor
Fujitsu 7200 RPM 120gb CD-RW/DVD dual boot Vista business 1440x900 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
C2D T7100 1.8 ghz (undervolted) ummm... Dell Intel X3100 2 x 1gb 667mhz 
Hard DriveOptical DriveOSMonitor
Fujitsu 7200 RPM 120gb CD-RW/DVD dual boot Vista business 1440x900 
  hide details  
Reply
post #4 of 14
Thread Starter 
if i copy the source and paste it, it will still send my the info through freewebs.com

Quote:
Originally Posted by trueg50 View Post
It looks extremely basic, and easy.

Any free HTML site will have the syntax for any of those text box's, check box's, and added stuff to have it e-mail the info to you.
i am sorry but i am a total noob at HTML, this is the first time i am making a site using Microsoft Expression Web 2 (New Frontpage)
could u plz tell me how to do this
Deepthought
(17 items)
 
   
CPUMotherboardGraphicsRAM
Intel Core 2 Quad Q6600 (OC-3GHz{334x9}-1.24375v) Asus P5Q Pro Turbo GIGABYTE AMD Radeon HD 6850  OCZ 4GB Reaper HPC / Dual Ch. DDR2 PC6400 
Hard DriveHard DriveHard DriveOptical Drive
OCZ Vertex 4 Seagate Barracuda 7200.9 SATA Seagate Barracuda 7200.9 SATA LG HL-DT-ST DVDRAM GSA-H42N SCSI DVD+RW/DVD-RAm 
CoolingOSMonitorKeyboard
Thermalright Ultra-120 eXtreme Windows 8 Pro x64 LG E2260V-PN Microsoft SideWinder X6 
PowerCaseMouseAudio
Thermaltake Toughpower W0103 600-Watt ATX 12V 2.2 Antec Performance One P182 Microsoft SideWinder X8 Logitech ClearChat Comfort USB Headset (H390) 
CPUMotherboardGraphicsRAM
Intel Core i7-4500U Dell XPS 12-9Q33 Intel HD Graphics 4400 8GB DDR3 
Hard DriveOSMonitor
SAMSUNG SSD SM841 mSATA 256GB Windows 8.1 64Bit 1080p Dell, 10 Point Touch 
CPURAMHard DriveOS
Intel Atom Z2420 1GB 16GB Android 4.1 
MonitorPowerOther
7" Touchscreen LED Backlight WXGA (1280x800) IP... 16Wh Li-polymer Battery GPS & Glonass,G-Sensor, E-compass, Proximity, A... 
  hide details  
Reply
Deepthought
(17 items)
 
   
CPUMotherboardGraphicsRAM
Intel Core 2 Quad Q6600 (OC-3GHz{334x9}-1.24375v) Asus P5Q Pro Turbo GIGABYTE AMD Radeon HD 6850  OCZ 4GB Reaper HPC / Dual Ch. DDR2 PC6400 
Hard DriveHard DriveHard DriveOptical Drive
OCZ Vertex 4 Seagate Barracuda 7200.9 SATA Seagate Barracuda 7200.9 SATA LG HL-DT-ST DVDRAM GSA-H42N SCSI DVD+RW/DVD-RAm 
CoolingOSMonitorKeyboard
Thermalright Ultra-120 eXtreme Windows 8 Pro x64 LG E2260V-PN Microsoft SideWinder X6 
PowerCaseMouseAudio
Thermaltake Toughpower W0103 600-Watt ATX 12V 2.2 Antec Performance One P182 Microsoft SideWinder X8 Logitech ClearChat Comfort USB Headset (H390) 
CPUMotherboardGraphicsRAM
Intel Core i7-4500U Dell XPS 12-9Q33 Intel HD Graphics 4400 8GB DDR3 
Hard DriveOSMonitor
SAMSUNG SSD SM841 mSATA 256GB Windows 8.1 64Bit 1080p Dell, 10 Point Touch 
CPURAMHard DriveOS
Intel Atom Z2420 1GB 16GB Android 4.1 
MonitorPowerOther
7" Touchscreen LED Backlight WXGA (1280x800) IP... 16Wh Li-polymer Battery GPS & Glonass,G-Sensor, E-compass, Proximity, A... 
  hide details  
Reply
post #5 of 14
The form it's self is very easy to replicate but the emailing part is a little trickier. To do it properly you need some sort of server side scripting like PHP, RoR, or ASP. This is much more advanced stuff. First is your website hosted from a webhosting provider or in-house. Pretty much all providers will have PHP running on them already. If its in-house then you may need to install one of them on your own. In which case let us know what kind of web server you are running and we can help ease the process.
My Baby
(13 items)
 
  
CPUMotherboardGraphicsRAM
Q6600 G0 EVGA 680i 122-CK-NF68-A1 EVGA GeForce 8800 GTS 640MB SLI 2x2GB Corsair Dominator 1066 CM2X2048-8C500C5D 
Hard DriveOptical DriveOSMonitor
WD SATA 1.5Gbps Raptor 74GB 2x LG SATA DVD-RW XP SP3 Dell 2407WFP 
PowerCase
Silverstone Strider 750W Lian Li Something or other 
  hide details  
Reply
My Baby
(13 items)
 
  
CPUMotherboardGraphicsRAM
Q6600 G0 EVGA 680i 122-CK-NF68-A1 EVGA GeForce 8800 GTS 640MB SLI 2x2GB Corsair Dominator 1066 CM2X2048-8C500C5D 
Hard DriveOptical DriveOSMonitor
WD SATA 1.5Gbps Raptor 74GB 2x LG SATA DVD-RW XP SP3 Dell 2407WFP 
PowerCase
Silverstone Strider 750W Lian Li Something or other 
  hide details  
Reply
post #6 of 14
Quote:
Originally Posted by Hersha View Post
The form it's self is very easy to replicate but the emailing part is a little trickier. To do it properly you need some sort of server side scripting like PHP, RoR, or ASP. This is much more advanced stuff. First is your website hosted from a webhosting provider or in-house. Pretty much all providers will have PHP running on them already. If its in-house then you may need to install one of them on your own. In which case let us know what kind of web server you are running and we can help ease the process.
That could all be done in java, so you don't need asp, php or ror. This is a very basic mailto form which many sites will generate for you.

Try Here
My System
(13 items)
 
  
CPUMotherboardGraphicsRAM
Phenom 9600 BE Asus M3A32-MVP Deluxe Watercooled Saphire 1GB 3870 X2 4 GB DDR2 800 OCZ HTC Reaper 
Hard DriveOptical DriveOSMonitor
2 x WD 500GB SATA 2 2 x SATA DVD-RW Vista Ultimate 32" HD TFT on HDMI 
KeyboardPowerCaseMouse
Saitek Eclipse II Zalman 850 Watt Heatpipe cooled Gigabyte Mercury 3D Genius Navigator 525 
Mouse Pad
Desk 
  hide details  
Reply
My System
(13 items)
 
  
CPUMotherboardGraphicsRAM
Phenom 9600 BE Asus M3A32-MVP Deluxe Watercooled Saphire 1GB 3870 X2 4 GB DDR2 800 OCZ HTC Reaper 
Hard DriveOptical DriveOSMonitor
2 x WD 500GB SATA 2 2 x SATA DVD-RW Vista Ultimate 32" HD TFT on HDMI 
KeyboardPowerCaseMouse
Saitek Eclipse II Zalman 850 Watt Heatpipe cooled Gigabyte Mercury 3D Genius Navigator 525 
Mouse Pad
Desk 
  hide details  
Reply
post #7 of 14
Quote:
Originally Posted by magus.tsf View Post
That could all be done in java, so you don't need asp, php or ror. This is a very basic mailto form which many sites will generate for you.

Try Here
Thanks for the link I was looking for one too!
Mr. Ivy
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel 3570k Asrock Z77e-itx Galaxy 560 Ti BF3 Edition G.Skill Sniper Low Voltage 2x4gb 
Hard DriveHard DriveHard DriveHard Drive
Corsair Force Series 3 60gb SSD Samsung F3 1TB Samsung F3 1TB Western Digital 640GB 
CoolingOSMonitorMonitor
Corsair H60 Windows 7 Pro 64 Bit ACHIEVA Shimian QH270-IPSBS Samsung B206bw 
PowerCase
PC Power and Cooling Silencier 600w Lian Li Q08B 
  hide details  
Reply
Mr. Ivy
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel 3570k Asrock Z77e-itx Galaxy 560 Ti BF3 Edition G.Skill Sniper Low Voltage 2x4gb 
Hard DriveHard DriveHard DriveHard Drive
Corsair Force Series 3 60gb SSD Samsung F3 1TB Samsung F3 1TB Western Digital 640GB 
CoolingOSMonitorMonitor
Corsair H60 Windows 7 Pro 64 Bit ACHIEVA Shimian QH270-IPSBS Samsung B206bw 
PowerCase
PC Power and Cooling Silencier 600w Lian Li Q08B 
  hide details  
Reply
post #8 of 14
Thread Starter 
wow cool repped

but still i cant get them to submit this form (see below)

this submit button i is a mailto only (see below)


FORM
Quote:
*Name</label> <input class="fw-textarea" type = "input" id="01 - Name" name = "01 - Name" value = "" size=20></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "01 - Name"</SCRIPT><!-- ParagraphEnd 222780809 --><!-- ParagraphStart 222785503 --><span class="formSpan"><label for="02 - Email or/and Telephone Number"><br />
<br />
*Email or/and Telephone Number</label> <input class="fw-textarea" type = "input" id="02 - Email or/and Telephone Number" name = "02 - Email or/and Telephone Number" value = "" size=60></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "02 - Email or/and Telephone Number"</SCRIPT><!-- ParagraphEnd 222785503 --><!-- ParagraphStart 222781547 --><span class="formSpan"><label for="03 - Location of the PC (AREA)"><br />
<br />
*Location of the PC (AREA)</label> <input class="fw-textarea" type = "input" id="03 - Location of the PC (AREA)" name = "03 - Location of the PC (AREA)" value = "" size=20></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "03 - Location of the PC (AREA)"</SCRIPT><!-- ParagraphEnd 222781547 --><!-- ParagraphStart 222782160 --><span class="formSpan"><label for="04 - PC"><br />
<br />
*PC</label> <select id="04 - PC" name="04 - PC"><option value="">-Select a choice-<option value="Desktop" selected>Desktop
<option value="Laptop" >Laptop
</select></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "04 - PC"</SCRIPT><!-- ParagraphEnd 222782160 --><!-- ParagraphStart 222782693 --><span class="formSpan"><label for="05 - Operating System"><br />
<br />
*Operating System</label> <select id="05 - Operating System" name="05 - Operating System"><option value="">-Select a choice-<option value="Windows XP" selected>Windows XP
<option value="Windows Vista" >Windows Vista
<option value="Don't Know" >Don't Know
</select></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "05 - Operating System"</SCRIPT><!-- ParagraphEnd 222782693 --><!-- ParagraphStart 222783829 --><span class="formSpan"><br />
<br />
*Service in Question<BR><input name="06 - Service in Question" type=checkbox value="PC Diagnosis &amp; Repair">PC Diagnosis & Repair<BR><input name="06 - Service in Question" type=checkbox value="PC Upgrade">PC Upgrade<BR><input name="06 - Service in Question" type=checkbox value="Hard | Soft Ware Install">Hard | Soft Ware Install<BR><input name="06 - Service in Question" type=checkbox value="Virus | Spyware Repair">Virus | Spyware Repair<BR><input name="06 - Service in Question" type=checkbox value="Networking (LAN|WLAN)">Networking (LAN|WLAN)<BR><input name="06 - Service in Question" type=checkbox value="Transferring Data">Transferring Data<BR><input name="06 - Service in Question" type=checkbox value="Remote Data Backup">Remote Data Backup<BR><input name="06 - Service in Question" type=checkbox value="Pre Built PC">Pre Built PC<BR><input name="06 - Service in Question" type=checkbox value="PC's Custom PC">PC's Custom PC<br />
<BR><input type="hidden" name="06 - Service in Question" value=""></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "06 - Service in Question"</SCRIPT><!-- ParagraphEnd 222783829 --><!-- ParagraphStart 222784595 --><span class="formSpan"><label for="07 - How Did You Find Us">*How Did You Find Us</label> <input class="fw-textarea" type = "input" id="07 - How Did You Find Us" name = "07 - How Did You Find Us" value = "" size=30></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "07 - How Did You Find Us"</SCRIPT><!-- ParagraphEnd 222784595 --><!-- ParagraphStart 222785058 --><span class="formSpan"><label for="08 - Any Specific Details of Your Enquiry"><br />
<br />
*Any Specific Details of Your Enquiry</label><BR><TEXTAREA id="08 - Any Specific Details of Your Enquiry" name="08 - Any Specific Details of Your Enquiry" rows="10" cols="50"></TEXTAREA></span><SCRIPT type="text/javascript">reqArr[reqArr.length] = "08 - Any Specific Details of Your Enquiry"</SCRIPT><!-- ParagraphEnd 222785058 --><!-- ParagraphStart 222786066 --><span class="formSpan"><br />

SUBMIT Button
Quote:
<form action="mailto:ithomecare@googlemail.com?subject=i t-homecare.com Enquiry" method="post" enctype="text/plain">
<table><tr><td>

</td></tr>
<tr><td align=center>
<INPUT TYPE="submit" value="Submit Enquiry" style="color: #ffffff; background-color: #000000">
</td></tr></table>
</FORM>
Deepthought
(17 items)
 
   
CPUMotherboardGraphicsRAM
Intel Core 2 Quad Q6600 (OC-3GHz{334x9}-1.24375v) Asus P5Q Pro Turbo GIGABYTE AMD Radeon HD 6850  OCZ 4GB Reaper HPC / Dual Ch. DDR2 PC6400 
Hard DriveHard DriveHard DriveOptical Drive
OCZ Vertex 4 Seagate Barracuda 7200.9 SATA Seagate Barracuda 7200.9 SATA LG HL-DT-ST DVDRAM GSA-H42N SCSI DVD+RW/DVD-RAm 
CoolingOSMonitorKeyboard
Thermalright Ultra-120 eXtreme Windows 8 Pro x64 LG E2260V-PN Microsoft SideWinder X6 
PowerCaseMouseAudio
Thermaltake Toughpower W0103 600-Watt ATX 12V 2.2 Antec Performance One P182 Microsoft SideWinder X8 Logitech ClearChat Comfort USB Headset (H390) 
CPUMotherboardGraphicsRAM
Intel Core i7-4500U Dell XPS 12-9Q33 Intel HD Graphics 4400 8GB DDR3 
Hard DriveOSMonitor
SAMSUNG SSD SM841 mSATA 256GB Windows 8.1 64Bit 1080p Dell, 10 Point Touch 
CPURAMHard DriveOS
Intel Atom Z2420 1GB 16GB Android 4.1 
MonitorPowerOther
7" Touchscreen LED Backlight WXGA (1280x800) IP... 16Wh Li-polymer Battery GPS & Glonass,G-Sensor, E-compass, Proximity, A... 
  hide details  
Reply
Deepthought
(17 items)
 
   
CPUMotherboardGraphicsRAM
Intel Core 2 Quad Q6600 (OC-3GHz{334x9}-1.24375v) Asus P5Q Pro Turbo GIGABYTE AMD Radeon HD 6850  OCZ 4GB Reaper HPC / Dual Ch. DDR2 PC6400 
Hard DriveHard DriveHard DriveOptical Drive
OCZ Vertex 4 Seagate Barracuda 7200.9 SATA Seagate Barracuda 7200.9 SATA LG HL-DT-ST DVDRAM GSA-H42N SCSI DVD+RW/DVD-RAm 
CoolingOSMonitorKeyboard
Thermalright Ultra-120 eXtreme Windows 8 Pro x64 LG E2260V-PN Microsoft SideWinder X6 
PowerCaseMouseAudio
Thermaltake Toughpower W0103 600-Watt ATX 12V 2.2 Antec Performance One P182 Microsoft SideWinder X8 Logitech ClearChat Comfort USB Headset (H390) 
CPUMotherboardGraphicsRAM
Intel Core i7-4500U Dell XPS 12-9Q33 Intel HD Graphics 4400 8GB DDR3 
Hard DriveOSMonitor
SAMSUNG SSD SM841 mSATA 256GB Windows 8.1 64Bit 1080p Dell, 10 Point Touch 
CPURAMHard DriveOS
Intel Atom Z2420 1GB 16GB Android 4.1 
MonitorPowerOther
7" Touchscreen LED Backlight WXGA (1280x800) IP... 16Wh Li-polymer Battery GPS & Glonass,G-Sensor, E-compass, Proximity, A... 
  hide details  
Reply
post #9 of 14
Could you copy and paste the entire page for me please? Instead of [ quote ] tags could you use [ code ] instead?
post #10 of 14
I can't see your image since I'm at work and I don't want to parse your spaghetti code, but I will help you understand forms a bit better so you can write your own.

A form is made up of a few tags in HTML. They can go anywhere in a page, but it is recommended to put one between <div> tags or <td> tags.

You start a form like so:

<form>

you can extend it with parameters. You want to mail the post data from the form to someone.

<form action="mailto:emailaddress" method="post">

enc/type isn't needed as it sends it as plain text anyway, unless you plan on using file attachments but that's beyond this brief tutorial.

Now, you make input boxes. Here are some example boxes:

<input type="text" size="10" /> Simple Text Box
<input type="password" maxlength="10" /> password box
<input type="checkbox" checked="checked" value="true" /> Checkbox
<input type="radio" name="group" value="value" disabled="disabled" /> Radio button. Keep the group name the same for multiple buttons to limit selection to one.
<input type="hidden" name="name" value="value" /> Hidden form element. Used in scripts for passing variables through forms.

You can also use <textarea name="name"></textarea>

You can set things with default values with value="" for a parameter, except textarea. You put the default text for that between the tags.

Submit buttons that process the form are as follows:

<input type="submit" value="Click me!!!" />
<input type="reset" value="Reset to default values" />

Then you end with </form>

Hope I helped!

http://www.w3schools.com/html/html_forms.asp

Use that site for more help.

E: one more thing I want to add.

mailto uses the user's mail client on their computer to send the e-mail. If they don't have a default mail client (most computers do but you never know) then the form won't work for them. If you want a form independant of mail clients, see if your server has PHP support. It's very simple to send a form using PHP, so if you have PHP on your server I'd be glad to help whip up a small script for sending an e-mail.
Edited by NessTheHero - 7/9/08 at 12:03pm
Legendary Awesome
(13 items)
 
  
CPUMotherboardGraphicsRAM
C2D E4600 2.88GHz OC'd 20% through BIOS ASUS Striker Extreme XFX GeForce 9800 GTX(G92) 512MB G.Skill DDR2 800 4GB 
Hard DriveOptical DriveOSMonitor
150 Raptor, 250, 250, (RIP) 1000 DVD/RW Vista Home Premium x64 19" Samsung monitor, 24" Dell Monitor 
KeyboardPowerCaseMouse
Logitech G15 600W Antec Twelve Hundred Logitech MX518 
  hide details  
Reply
Legendary Awesome
(13 items)
 
  
CPUMotherboardGraphicsRAM
C2D E4600 2.88GHz OC'd 20% through BIOS ASUS Striker Extreme XFX GeForce 9800 GTX(G92) 512MB G.Skill DDR2 800 4GB 
Hard DriveOptical DriveOSMonitor
150 Raptor, 250, 250, (RIP) 1000 DVD/RW Vista Home Premium x64 19" Samsung monitor, 24" Dell Monitor 
KeyboardPowerCaseMouse
Logitech G15 600W Antec Twelve Hundred Logitech MX518 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Coding and Programming
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › [HTML] How to Make a Form on a website