Solved

HTML Form

Posted on 2011-09-19
3
137 Views
Last Modified: 2012-05-12
Hi - I am trying to put together an HTML form with the following elements - can anyone please share some sample code on how to implement it ?

A box with gray background on HTML page consisting of a drop down, List box & three button icons in one row and a two text boxes in the second row

Thanks
0
Comment
Question by:abuyusuf35
  • 3
3 Comments
 
LVL 13

Expert Comment

by:haloexpertsexchange
ID: 36561471
w3schools is a great place to start

http://www.w3schools.com/html/html_forms.asp
0
 
LVL 13

Accepted Solution

by:
haloexpertsexchange earned 500 total points
ID: 36561527
here is a really basic version of what you are looking for.
<html>
<head></head>
<body>
<div style="background:gray">
<form>
<select name="test">
<option value="test1">Test 1</option>
<option value="test2">Test 2</option>
</select>

<select size="2" name="testbox">
<option value="test1">Test 1</option>
<option value="test2">Test 2</option>
</select>
<input type="button" value="Button 1">
<input type="button" value="Button 2">
<input type="button" value="Button 3">
<br>
<input type="text" value="Text 1"> 
<input type="text" value="Text 2"> 
</form>
</div>

</body>
</html>

Open in new window

0
 
LVL 13

Expert Comment

by:haloexpertsexchange
ID: 36576399
were my posts what you you were looking for or is there something that I need to elaborate on?
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question