Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

HTML Form

Posted on 2011-09-19
3
Medium Priority
?
146 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 2000 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

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

916 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