在段落标记内插入文本框(html或asp.net)是否可行?

时间:2016-05-05 19:40:03

标签: html css asp.net html5 twitter-bootstrap

我有兴趣在段落中插入文本框(asp.net文本框)。我正在尝试使用HTML和CSS。我也不反对使用bootstrap这样的框架。只需用空白画一段用户填写。

到目前为止我的尝试:

    <p class="text-justify">
    Integer gravida dui sapien, eget vestibulum odio fringilla a. C
    Curabitur vulputate maximus leo nec <asp:TextBox ID="TextBox1" 
    runat="server" CssClass="form-control  input-sm"></asp:TextBox>
    <asp:CheckBox ID="CheckBox1" runat="server"  
    OnCheckedChanged="chktst_CheckedChanged"
    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                  
    </p>

2 个答案:

答案 0 :(得分:3)

到目前为止,我已经完成了这个问题:

<form action="">
<p>
  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.
</p>
</form>

但这没什么特别的,只是开箱即用,所以如果我错过了什么,请告诉我。

修改

根据新信息,为了解决您的问题,您只需从代码中删除CssClass="form-control input-sm":)

答案 1 :(得分:0)

p标记中的文本框:

只需将文本框放在p标记内,如下所示:

<p>
    Hello World!<br>
    <input type="text">
</p>

您可以将任何标记放在p等标记内,这样就可以根据需要在其中包含任意数量的文本框或文本。

在我上面的代码中,我还使用br标记来换行。这纯粹是可选的。

语义

p专为段落而设计。您的文本框和标签在labelform标签中的效果会更好:

<form>
    <label for="username">Username:</label> <input type="text" id="username">
</form>

此实现的一个好处是,如果标签的for属性中的文本与文本框的id属性中的文本匹配,则单击标签会将焦点拉到文本框