[英]how can I change the color of my text while I type in the text box by using the colors in combo box?
[英]How can I put another text box in the same row as my other text box?
我设法使zip文本框与交付文本框对齐。 这是代码。
<div class="form-group" style="float:left">
<asp:TextBox ID="txtAddress" runat="server" Width="227px" Height="81px"
name="form-first-name" placeholder="Delivery Address..." class="form-first-name form-control" Text-Mode="MultiLine"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server"
ErrorMessage="Delivery Address is required." Display="Dynamic" ControlToValidate="txtAddress"
ForeColor="Red"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator10" runat="server"
ErrorMessage="Enter a valid Address" Display="Dynamic" ControlToValidate="txtAddress"
ForeColor="Red"
ValidationExpression="^[a-zA-Z# .0-9]+$"></asp:RegularExpressionValidator>
</div>
但是两个文本框之间没有空格吗? 我该怎么办?
您可以在两个文本框中添加“ float:left”属性。 它使它在同一行上对齐,并使用css进行样式设计。
示例代码如下所示。 只需为两个div添加一个ID,然后提供一些唯一的ID。
HTML
ABC<br />
<div id="textbox1"></div>
<div id="textbox2"></div>
CSS
#textbox1, #textbox2 {
display: block;
float: left;
width: 100px;
height: 100px;
}
#textbox1 {
background-color: red;
}
#textbox2 {
background-color: blue;
}
参见JSFIDDLE
如果要使用服务器端文本框,则只需将两个文本框放在一起。 从文本框中删除类,然后将两个文本框相互放置。 让我知道您是否有任何疑问。
因此,如果您已经将它们并排放置,则可以在右侧框的CSS上添加一些margin-left(或padding-left)。 您可以在左框CSS中添加margin-right(或padding-right)。
只需创建一个3列+ 1行的表格,然后将文本框分别放入其中。
这里;
<table>
<tr>
<td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="width: 3px"> </td>
<td><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
</tr>
</table>
我在上面添加了此代码
<style>
#txtAddress
{
margin-right:75px;
}
和我的2个文本框,我添加了float:left
<div class="form-group" style="float:left">
<asp:TextBox ID="txtAddress" runat="server" Width="227px" Height="81px"
name="form-first-name" placeholder="Delivery Address..." class="form-first-name form-control" Text-Mode="MultiLine"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server"
ErrorMessage="Delivery Address is required." Display="Dynamic" ControlToValidate="txtAddress"
ForeColor="Red"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator10" runat="server"
ErrorMessage="Enter a valid Address" Display="Dynamic" ControlToValidate="txtAddress"
ForeColor="Red"
ValidationExpression="^[a-zA-Z# .0-9]+$"></asp:RegularExpressionValidator>
</div>
<div class="form-group">
<asp:TextBox ID="txtZip" runat="server" name="form-zip-code" MaxLength="4" Width="200" placeholder="Zip Code..." class="form-zip-code form-control"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator8" Display="Dynamic" runat="server"
ErrorMessage="Zip code is required." ControlToValidate="txtZip" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator8" runat="server"
ErrorMessage="Enter a valid zip code" Display="Dynamic" ControlToValidate="txtZip"
ForeColor="Red" ValidationExpression=^[0-9]*$></asp:RegularExpressionValidator>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.