how to make a custom contact form using HTML and CSS.

2 2Bits

hey i am running a website. i want to make a custom contact form for users using HTML CSS. can anyone guide me or have a code related to this please send me.

Feb 23 '21 #1

Subscribe Post Reply

3518

AjayGohil

64KB

Hello,

Refer to the following site:
https://www.w3schools.com/howto/howt...ntact_form.asp

Feb 24 '21 #2

prasanthp

2Bits

Hey hi,

The HTML form is used to collect the user inputs. HTML provides a <form> tag to create forms. To take input from the user we use the <input> tag inside the form so that all collected user data can be sent to the server for processing. There are different input types like ‘button’, ‘checkbox’, ‘number’, ‘text’, ‘password’, ‘submit’ etc.

<form action="/submit_data.php">
<label>Enter your name: </label>
<input type="text" name="name" />
<label>Enter Mobile number </label>
<input type="number" name="mobile_no"/>
<input type="submit" value="Submit">
</form>

Additionally, you could visit W3Schools for more information.

Feb 24 '21 #3

bakertaylor28

32bit

While you can use a form with html alone, you need php or something similar to be able to do anything with the post data you get back from the form.

Therefore, you would do something like this in a php file. In this case, the form submits back to the same file and the php then executes the code to do something with name. It is important that we place the php code first, and then do the HTML code second. (Otherwise we have to configure the server to execute html documents as php code.) If we want to submit the form elsewhere, we put a file path in action attribute of the form, For example:

Expand|Select|Wrap|Line Numbers

<form action="/foo.php">

will submit the form to foo.php located in the root directory of the server (in which case we would put the everything from <?php to ?> in the foo.php file.) the first forward slash assumes the server root.

In this case we submit the form to self, and simply echo the name to output it to the screen:

Expand|Select|Wrap|Line Numbers

  
<?php

if ( !isset($_POST['name']) ) {

// !isset means "not set", $_POST['name'] is the post data for the name field sent to php by the HTML code. 

echo ' some error message if there is no input for name';

exit;

} elseif ( isset($_POST['name]) ) {

//  isset is the oposite of !isset . We then grab the post data to a php variable to make it 

//  easier to work with, and then do whatever you want to do with the data. here, we simply print it to the screen using echo.  

$name = $_POST['name'];

echo $name;

} else {

//error message to do if we got post data for name, but the code can't execute.

echo 'there was an unidentified error';

exit;

}

//continue php code here after we have dealt with working with name.

exit;

?>
 
<!DOCTYPE html>

     <head>

     </head>

     <body>
 
          <form action="" method="post">

          <label for="name">Enter your name: </label>

          <input type="text" name="name" placeholder="your name here" id="name" required />

          </form>
 
     </body>

</html>

Feb 25 '21 #4

Similar topics

Form using HTML on PythonCard

by: Luiz Siqueira Neto | last post by:

Somebody know how make html forms or python forms inside html to use as gui application? The idea is make a client application like a web site of my interprise for customers who don't have good...

Python

Custom Filter Form using Combos

by: Keith | last post by:

A2003, Xp Pro. I've designed a form which contains 6 of combos. Three on the left are set up to select fields from a query, three on the right are set up to select values from the corresponding...

Microsoft Access / VBA

how to update new password to existing table in a custom login form using macros or query?

by: Nerrad | last post by:

Hi, i am currently working on a project which requires me to create a form to allow the user to change their password. I know there is a user-level security login which is easier and safer but...

Microsoft Access / VBA

html contact form on front page

by: John | last post by:

What is the easiest way to make the contact form show on the front page. Meaning on want to keep the front html page and when someone clicks on the contact us link the front page remains the same,...

HTML / CSS

Problem with javascript contact form and outlook express?

by: mirkobonet | last post by:

The idea is creating a contact form using mailto so it work with the regular mail program. (the server doesn't support php or asp) I created the form and the function is function mailMe(form){...

Javascript

how to resize a frame in the form using html script

by: mgayathri2006 | last post by:

how to resize a frame in the form using html script

.NET Framework

How to create an order form using drop down selection boxes

by: Palehorse | last post by:

I'd like to apologize upfront for me saying "I'm not a programer", I'm sure you all hear this a hundred times a day. Unfortunately, in this case, it's true. I've been working on trying to figure out...

PHP

How to add phone number to contact form and send with email

by: luke noob | last post by:

This is my HTML... <head> <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body>

PHP

If statement for form using HTML / Javascript?

by: ukisa4 | last post by:

Hello! I'm making some HTML test/quiz. And there i have combo boxes (drop down list) and radio buttons which have some questions. So i want to use some "if" statement if exist in any language...

HTML / CSS

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp