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

我并不真正知道如何在网络上搜索此内容。我有一个表格，只有一个电话输入。电话是可选的。我想在表单字段中输入“（可选）”。这是我做过已经是这样的：如何预先填写未发布的网站表单字段

<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的购物车

谢谢

来源

2013-01-02 qrs

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

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

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

来源

2013-01-02 10:59:47 alex

谢谢，工作完美。我不得不删除我的旧代码。 – qrs

@Freejoy你打赌。在这里查看浏览器兼容性：http://caniuse.com/#feat=input-placeholder。它在几乎每个当前的浏览器中都很兼容。 – alex

占位技术，HTML5是新的：

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

我觉得这上面一行将不支持浏览器的兼容性

来源

2013-01-02 11:54:21 Nagamuthu

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

回答

相关问题