窗體在Internet Explorer中消失

-2

我對構建網站非常陌生，即。我上週從零開始教自己。我設計了一個主題並通過cPanel將其上傳到Wordpress。該網站在Chrome瀏覽器中看起來很棒，但我的提交按鈕和表單在IE中缺失，而且Firefox中的所有表格都完全錯誤。窗體在Internet Explorer中消失

任何人都可以提出一個解決這個問題嗎？

這裏是我的網站：http://bespokecook.co.uk/

網站的內容是不完整的，因爲它是一個朋友的新公司。

我真的很感激任何建議在所有...

<div id="content"> 
<table id="contactform"> 
<tr> 
<td class="form" ROWSPAN="2"> 
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
<?php the_content(__('(more...)')); ?> 
<?php endwhile; else: ?> 
<?php _e('oops... Sorry this page cannot be found'); ?></p><?php endif; ?> 
<form method="post" action="mailto:[email protected]?Subject=Enquiry from bespokecook.co.uk" > 
    <input class="contactform" required="required" type="text" name="Your-name" placeholder="Your name*"> 
    <input class="contactform" required="required" type="text" name="Your-surname" placeholder="Your surname*"> 
    <input class="contactform" required="required" type="tel" name="Telephone" placeholder="Telephone*"> 
    <input class="contactform" required="required" type="email" name="Email" placeholder="Email*"> 
    <div id="scroll-bar"><textarea class="contactform" maxlength="2000" spellcheck="true" name="textarea" rows="15" cols="100" placeholder="Anything else you'd like to tell us?"></textarea></div> 
<p>*This field is required</p> 
<a href="http://bespokecook.co.uk/contact"><input align="left" value="Send Email" class="submit" type="submit" name="submit" value="SEND US YOUR PLANS"></a> 
</td> 
</form> 
<td class="jim-no" ROWSPAN="2"></td> 
<td class="sidebar-1"><a><img class="aligncenter" src="http://bespokecook.co.uk/wp-content/uploads/2015/05/IMG_7454.jpg" alt="" width="100%" /></a></td> 
</tr> 
<tr> 
<td class="sidebar"> 
<h4>Telephone</h4> 
<p>07754 626113</p> 
<h4>Email</h4> 
<a href="mailto:[email protected]?Subject=Enquiry from bespokecook.co.uk" target="_top"<p>[email protected]</p></a> 
</td> 
</tr> 
</table> 
</div>

來源

2015-05-18 Katy

你應該發佈看起來並不適用於所有瀏覽器的代碼 – Andrew

是！我知道！無法解決如何解決這個問題... – Katy

你可以發佈'

首先，我沒有看到標記結束你<form>除非我只是看着它的10倍。要結束<form>，請使用</form>。其次，你有一個你的按鈕的href，這樣做，<a href="http://www.example.com/"> <button>Whatever</button> </a>，這是一個例子。從我看過的文字看來，你實際上想要一個submit button。爲了做到這一點，你需要學習PHPif statements，你應該在你的表單中包含按鈕。聲明將如if(isset($_POST['submit']))這是一個例子，你將需要它。如果你沒有它，它將無法工作。它只是看起來和點擊，不會做任何事情。我也注意到你有兩個values在input爲submit button你的value應該只是submit你需要它。如果您想要長文本，請使用button。 <button>Button tags</button。我把它發佈在評論中，我也會把它寫在答案中。 IE不識別placeholder，所以它不會顯示任何字段。

來源

2015-05-18 22:16:43 David

@Katy我現在看到結尾的''標籤。也忘了提及，IE不識別'佔位符'，所以它不會顯示任何東西。 – David

謝謝大衛，我會消化所有這些，謝謝。在textarea後面有一個。目前，提交按鈕將所有字段加載到Outlook電子郵件中，這並不理想，並會破壞表單的對象。所以PHP是我的下一個挑戰。我會做出更改，仍然不確定是否會幫助提交在IE中顯示。再次感謝:)編輯：謝謝你的額外筆記！ – Katy

你知道我能用什麼讓IE識別輸入嗎？ – Katy

良好的Web代碼開發的一部分是檢查HTML標記錯誤。所以我首先要解決你的代碼錯誤;見[Invalid] Markup Validation of bespokecook.co.uk - W3C Markup Validator。 W3C標記驗證器是一個很好用的工具;該服務還提供CSS驗證和其他服務。

在驗證報告中向下滾動以查看行號和源代碼。你錯過了一個Doctype（將IE版本引入怪異模式），有重複的div id，以及缺少一個關閉</form>標籤。缺失的alt標籤錯誤很小，不會影響顯示。開始修復代碼錯誤並重新驗證。

而且，學習使用開發工具中Firefox（或Firebug）或Chrome或Safari或IE來看看如何使用和修改HTML，以及CSS和（目前無）檢查JavaScript錯誤。開發工具對主題和Web開發非常有用。

來源

2015-05-19 00:52:16 markratledge

窗體在Internet Explorer中消失

回答

相關問題