Solved

how do you place a form on the same line as other text

Posted on 2011-03-03
4
297 Views
Last Modified: 2012-05-11
Hello Experts,

I have the following code:

<html>
<body>
<a>All on one line</a>
<form id="myform">
	<input type="text" name="test" size="20">
	<input type="submit" value="Submit" />
</form>
</body>
</html>

Open in new window


How do I place the form so that it appears on the same line as the 'All on one line' hyperlink?

Please note that I have several forms on the same page - but they should appear as the above (ie without the 'fix').

Many Thanks!
0
Comment
Question by:jagku
4 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 35028316
what exactly do you mean by <<place a form on the same line as other text>>?
0
 
LVL 29

Accepted Solution

by:
chilternPC earned 500 total points
ID: 35028406
ususally use a table inside the form like so..

<form id="form1" name="form1" method="post" action="">
  <table width="500" border="0" cellspacing="0" cellpadding="5">
    <tr>
      <td width="94">some text</td>
      <td width="292"><input type="text" name="enter" id="enter" /></td>
      <td width="84"><input type="submit" name="Submit" id="Submit" value="Submit" /></td>
    </tr>
  </table>
</form>
0
 
LVL 2

Expert Comment

by:Michael Roodt
ID: 35028424
Perhaps you could use  position: absolute; and specify where on the page  you move it to.
0
 

Author Closing Comment

by:jagku
ID: 35069662
Hi,
Thanks - rereading my question - I must have been having a bad day! Yes, a table is fine - as well as prepending the text I want to appear to the left of the textbox.

Thanks
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

679 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