如何預先填寫未發佈的網站表單字段

我並不真正知道如何在網絡上搜索此內容。我有一個表格，只有一個電話輸入。電話是可選的。我想在表單字段中輸入「（可選）」。這是我做過已經是這樣的：如何預先填寫未發佈的網站表單字段

<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

如何預先填寫未發佈的網站表單字段

回答

相關問題