Question

我试图用paypal现在购买它。我无法弄清楚如何加宽文本输入字段。

这是我目前的代码：

<h1>Simply fill in the info below</h1>
          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
          <input type="hidden" name="cmd" value="_xclick">
          <input type="hidden" name="business" value="277G8E79U9AX6">
          <input type="hidden" name="lc" value="US">
          <input type="hidden" name="item_name" value="One week of Animal Photos">
          <input type="hidden" name="item_number" value="1">
          <input type="hidden" name="amount" value="7.95">
          <input type="hidden" name="currency_code" value="USD">
          <input type="hidden" name="button_subtype" value="services">
          <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
          <table>
          <tr><td><input style="width: 300px;" type="hidden" name="on0" value="Your Email">Your Email</td></tr><tr><td><input type="text" name="os0" maxlength="200"></td></tr>
          <tr><td><input style="width: 600px; height = 200px;" type="hidden" name="on1" value="Address of Recipient">Address of Recipient</td></tr><tr><td><input type="text" name="os1" maxlength="300"></td></tr>
          </table>
          <tr><td><input style="width: 600px; height = 200px;" type="hidden" name="on2" value="Message">Message</td></tr><tr><td><input type="text" name="os2" maxlength="300"></td></tr>
          </table>
          <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
          <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
          </form>

我尝试添加style = "width:300px"或仅width: "300px"，但它没有反映出来。

Answer 1

您正在为错误的输入设置样式，寻找那些没有的输入：

type="hidden"

并选择那些类型=＆＃34; text＆＃34;。这是我用你的代码制作的一个版本：

＆＃13;

<h1>Simply fill in the info below</h1>
          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
          <input type="hidden" name="cmd" value="_xclick">
          <input type="hidden" name="business" value="277G8E79U9AX6">
          <input type="hidden" name="lc" value="US">
          <input type="hidden" name="item_name" value="One week of Animal Photos">
          <input type="hidden" name="item_number" value="1">
          <input type="hidden" name="amount" value="7.95">
          <input type="hidden" name="currency_code" value="USD">
          <input type="hidden" name="button_subtype" value="services">
          <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
          <table>
          <tr><td><input style="width: 300px;" type="hidden" name="on0" value="Your Email">Your Email</td></tr><tr><td><input type="text" name="os0" maxlength="200" style="width: 500px;"></td></tr>
          <tr><td><input style="width: 600px; height = 200px;" type="hidden" name="on1" value="Address of Recipient">Address of Recipient</td></tr><tr><td><input type="text" name="os1" maxlength="300" style="width: 500px;"></td></tr>
          </table>
          <tr><td><input style="width: 600px; height = 200px;" type="hidden" name="on2" value="Message">Message</td></tr><tr><td><input type="text" name="os2" maxlength="300" style="width: 500px;"></td></tr>
          </table>
          <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
          <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
          </form>

＆＃13;

我希望它有所帮助，以防万一，这是一支笔：Pen

Answer 2

使用它并在输入中进行样式宽度。

<style>
input:focus::placeholder {
color: transparent;
margin-bottom: 0px;
}
</style>

使paypal表单立即购买更广泛

2 个答案: