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)">

我认为以上行不支持浏览器兼容性

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

2 个答案: