Terminé

I would like to hire a Web Developer

Need help creating a web form for a class that I am taking. Should be very basic.

Between <main> and </main> tags, code an HTML form with the following elements:

Text field for user's first name.

Text field for user's last name.

Text field for user's email address.

Text field for user's phone number.

A text area for user comments.

Submit button.

The form tag must include the following attributes:

The action attribute with empty quotes: action=" "

The method attribute with the post value: method="post"

The autocomplete attribute with the on value: autocomplete="on"

The text area should include the following attributes:

The name attribute

The rows attribute

The cols attribute

The form should have autocomplete turned on.

The email address field should have autocomplete turned off.

Each input field must have a name using the name attribute.

Each input field must have an appropriate label.

Add a level 2 (h2) heading above the form telling the user the purpose of the form.

For example: <h2>Tell Us What You Think</h2>

Save the [login to view URL] page.

Part 2: Format the Web Form Using CSS

Add an internal CSS stylesheet to the head of the [login to view URL] document.

Use <style type="text/css"></style> around your style rules.

Add at least two style rules to format the form. Choose at least two from the following:

Background color of form.

Background color of input tags.

Border color of input tags.

Font type for text in form.

Font color for text in form.

Style rules must include all required symbols:

{ and }

Colon : and semi-colon ;

Required quotes as applicable.

Style rules must use hex color codes, not color names.

Save contactus.html.

Part 3: Form Field Validation:

In [login to view URL], add the "required" attribute to three fields of your Web form. This will force the user to add content to the fields before the form will submit correctly.

For example: <input type="email" name="email" required>

Add a text field to the form that asks the user to create a four-digit passcode. Add a button next to the field for the user to test the passcode. Include instructions for the passcode field.

Note: The text field will test that the passcode entered contains numeric digits only and that the passcode is four digits long. It does not actually set a secure passcode. To complete this step, type the following code into your Web form:

Image 1

This code includes a function that is triggered as a validation when the user enters text into the input field and clicks the button. The function will allow the user to enter any 4-digit number value from 1000 to 9999. It will also return a message (using [login to view URL]) so the user knows the passcode entered is valid. You should only edit this code if you fully understand the JavaScript or your validation may stop working.

Add one of each of the listed additional form elements to your existing form:

Radio group

Checkbox

Drop menu

Reset button

Save contactus.html.

Part 4: More Form Formatting

Add formatting to the existing internal CSS in [login to view URL] for the form elements added in step 1 above. Code your new style rules inside the existing <style type="text/css"></style> tags that are in the head of the document.

This formatting can include any of the following (at least two required):

Background color

Border color

Border rounded corners (border-radius)

Padding

Width

Add a background color to the passcode field. Choose a background color that is different from all other text input fields.

Hint: The passcode field is type="number".

Save [login to view URL] and close.

Upload contact [login to view URL] to the Web server.

Compétences : Format & Présentation, HTML

en voir plus : how much does it cost to hire a web developer, hire freelance web developer, what to look for in a web designer, hire a website builder, how much does it cost to hire someone to build a website, hire a web designer or do it yourself, i need a website designer, hire website developer, web developer 2008 set start page, web developer need gamebattles, hire web developer delhi, developers for hire web developer and database integration skills required will be c html5 css3 asp net java and sql, developers for hire web developer and database integration skills required will be c# html5 css3 asp net java and sql, hire web developer co worker, hire web developer designer epsom, hire web developer for small job, hire web developer forum canada, hire web developer freelance, hire web developer freelancer, hire web developer india

Concernant l'employeur :
( 0 commentaires ) Centerville, United States

Nº du projet : #17936428

Décerné à:

zarghamirtza

Hi, I'm experienced web developer & designer, i would love to work on your project. i'm available & i can deliver you quality work with in just two to three hours. Lets talk further :) Thanks

%selectedBids___i_sum_sub_4% %project_currencyDetails_sign_sub_5% USD en 1 jour
(0 Commentaires)
0.0

8 freelance font une offre moyenne de $35 pour ce travail

MrDakaration

Hi I’m an expert in this field and I can get this done for you starting right away no problem. Please let us discuss more in chat so we can get this professionally done.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(16 Commentaires)
5.0
zohaib042

Hello bro. Nice to meet you. I am a web designer and web developer full time. I read your requirements in details. I make all the fields in form and use the correct heading element tag. As a senior web developer Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(13 Commentaires)
4.8
%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(1 Évaluation)
2.7
patflannery

Hello! I've worked for years in software development, about half of which was web-related. I can't count how many times I've done a form similar to that described. I'd be glad to do this, and make any changes you might Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(0 Commentaires)
0.0
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(0 Commentaires)
0.0
Maverick7777

Hey! The information meets my skills. So, You can send me all the other details of how to present this, I will provide you with the web form in 2-3 days max. Waiting for your positive reply...

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(0 Commentaires)
0.0
%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)
0.0