以所有文本框在同一点结束的方式设计 HTML 表单
Posted
技术标签:
【中文标题】以所有文本框在同一点结束的方式设计 HTML 表单【英文标题】：Designing HTML form in such a way that all textboxes end at the same point 【发布时间】：2016-06-01 04:00:52 【问题描述】：我想设计一个包含冗长文本框的 html 表单，并且所有文本框都应该在同一点结束。
文本框应该在问题之后立即开始。下面是图片供参考。
您能否提供相同的 HTML 标记。
这是标记：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<table class="general" border="0" cellpadding="5">
<tr>
<td class="tableBody1" colspan="2"> <strong>Implementation Licensee Information</strong> </td>
</tr>
<tr>
<td class="bodyText1LIC"> Name and Title </td>
<td valign="top" class="tableBody1">
<asp:TextBox ID="txtPurchasingAgentName" runat="server" MaxLength="255" />
<asp:RequiredFieldValidator EnableClientScript="False" runat="server" ControlToValidate="txtPurchasingAgentName" ID="rfvPurchasingAgentName" Display="Dynamic" ErrorMessage="Purchasing Agent Name Required" Text="<img src='../images/errorIcon.png' alt='Error Icon' tabindex='-1' />" /> </td>
</tr>
<tr>
<td class="bodyText1LIC"> Company Name and Division </td>
<td valign="top" class="tableBody1">
<asp:TextBox ID="txtPurchasingAgentMailingAddress" runat="server" MaxLength="255" />
<asp:RequiredFieldValidator EnableClientScript="False" runat="server" ControlToValidate="txtPurchasingAgentMailingAddress" ID="rfvPurchasingAgentMailingAddress" Display="Dynamic" ErrorMessage="PurchasingAgent Mailing address Required" Text="<img src='../images/errorIcon.png' alt='Error Icon' tabindex='-1' />" /> </td>
</tr>
<tr>
<td class="bodyText1LIC"> Complete Mailing Address </td>
<td valign="top" class="tableBody1">
<asp:TextBox ID="txtPAPCI_WebAddress" runat="server" MaxLength="255" /> </td>
</tr>
<tr>
<td class="bodyText1LIC"> Direct Telephone No. </td>
<td valign="top" class="tableBody1">
<asp:TextBox ID="TextBox1" runat="server" MaxLength="255" /> </td>
</tr>
<tr>
<td class="bodyText1LIC"> Email Address </td>
<td valign="top" class="tableBody1">
<asp:TextBox ID="TextBox2" runat="server" MaxLength="255" /> </td>
</tr>
</table>
</body>
</html>【问题讨论】：
不，我们不这样做，先自己尝试一下，然后我们可以为您提供帮助。 显示你到目前为止所做的事情 希望您至少尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些额外的研究，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的方法以及为什么它不起作用。 向我们展示一些爱并给我们代码，以便我们为您提供帮助:) 直接回答您的直接问题需要支付多少费用？ （并且无需您的任何努力） 【参考方案1】：您可以使用表格而不给表格添加任何边框。最终，您也可以将 css 添加到表中。不要给表格添加任何边框。
【讨论】：
【参考方案2】：https://jsfiddle.net/rizalishan/rdvoumkf/1/
<div id="container">
<div id="left"> This div is as big as it's content</div>
<div id="right"><input type="text" style="width:100%" /></div>
</div>
#left
background: #aaa;
float: left
#right
background: cyan;
overflow: hidden
【讨论】：
以上是关于以所有文本框在同一点结束的方式设计 HTML 表单的主要内容，如果未能解决你的问题，请参考以下文章
html 表单中的输入文本框在 Firefox 上正常工作 在 Chrome 和 Safari 上不工作
选择框在 Internet Explorer 中不起作用/消失
Cordova Phonegap 表单输入框在 iOS 上不起作用