apereira apereira - 2 years ago 70
HTML Question

How to put an html textbox inside an html paragraph tag

this is my first question , so if I make a mistake, my apologies in advance.

As the question says , I'm interested in inserting text boxes inside a paragraph. Imagine if you will a couple of paragraphs with boilerplate text and just fill in the blanks. I'm trying to do it with HTML and CSS. I'm not averse of using a framework such as bootstrap either.

I Tried the obvious in the tag put the input in the desired places but it will only put the input element in the next line.

Any ideas?


Sorry if at the moment I couldn't provide code. Also I failed to mention that Im using ASP mixed with pure HTML. Here is an example:

<p class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum,
tortor a vulputate faucibus, massa metus egestas quam, sit amet commodo
turpis lorem id diam.
Phasellus venenatis cursus auctor. Vivamus ultricies dignissim eros, eget
faucibus purus tincidunt
bibendum. Donec tempor libero aliquet tincidunt ultricies. Quisque ac
placerat nulla, non sollicitudin
lectus. Nam nec ex at tellus laoreet ultrices quis a dui. Phasellus tempor neque a volutpat bibendum.
<p class="text-justify">
Integer gravida dui sapien, eget vestibulum odio fringilla a. Curabitur at
felis et metus auctor rutrum
vel leo. Sed at dui et nibh ultricies pellentesque. Morbi scelerisque ac
lacus sit amet bibendum. Sed accumsan auctor molestie. Duis interdum ipsum
sed ante mattis maximus quis ac odio.
Curabitur vulputate maximus leo nec <asp:TextBox ID="TextBox1"
runat="server" CssClass="form-control input-sm"></asp:TextBox>
<asp:CheckBox ID="CheckBox1" runat="server"
AutoPostBack="true" Text="[Ninguna]" />. Nullam finibus, libero at pretium
eleifend, nisl ex luctus arcu,
nec dictum tellus sem sit amet felis. Ut semper diam vitae felis ultrices

Answer Source

Going off of your question so far, I've done this:

<form action="">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil deserunt quas tempora minus. Nam deserunt sunt, eos <input type="text"> sapiente voluptate iusto consequuntur minima excepturi <input type="text"> dolore officiis, cupiditate qui quo praesentium aliquid.

But it's nothing special and just works out the box so please let me know if I'm missing something.


As per new information, in order to fix your problem you just need to remove CssClass="form-control input-sm" from your code :)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download