forms - 如何预填未发布的网站表单字段

Question

我真的不知道如何在网上搜索这个。我有一个带有一个电话输入的表格。电话是可选的。我想在表单字段中有“（可选）”这个词。我已经这样做了：

<input type="text" name="billing[telephone]"  value="<?php echo $this->__('(optional)') ?>" onFocus="if(this.value == '<?php echo $this->__('(optional)') ?>') {this.value = '';}" onBlur="if (this.value == '') {this.value = '<?php echo $this->__('(optional)') ?>';}" title="<?php echo $this->__('Telephone') ?>" class="input-text" id="billing:telephone" /> 

它以这种方式工作，但它到处张贴“（可选）”，在客户电子邮件等中发送“（可选）”。我想在没有输入电话号码的情况下不发布“（可选）”和只是将字段留空，就好像没有输入任何内容一样。

上面的代码来自我添加了可选代码的 Magento 购物车。

谢谢

Answer 1

您可以尝试placeholder像这样使用参数：

 <input type="text" name="phone" placeholder="(###) ###-#### (optional)">

它将放入一个临时值以帮助用户，但如果用户不输入自己的答案，则不会发布。它也会在焦点上消失，以允许用户填写自己的答案，而无需删除“可选”文本。

Answer 2

占位符技术在 HTML5 中是新的：

<input type="text" name="phone" placeholder="(###) ###-#### (optional)">

我认为上面这行将不支持浏览器兼容性