Question

我有一个表单，其中IE不显示占位符文本。我知道这是一个常见的问题，因为我在网上到处都看过修复，但我仍然无法让我的工作。我认为这是因为我的输入区域已经有一个类（我从其他地方获得了这种形式的样式）。

以下是html页面中的表单：

<form method="post" action="send_form_email_small.php" id="">
        <div>
            <input type="text" class="text" name="name" placeholder="Name*" /></input>
        </div>
        <div>
            <input type="text" class="text" name="email" placeholder="Email*" /></input>
        </div>
        <div>
            <input type="text" class="text" name="tel" placeholder="Phone Number*" /></input>
        </div>
        <div>
            <input type="text" class="text" name="suburb" placeholder="Suburb/Town" /></input>
        </div>
        <div>
            <textarea name="message" placeholder="How may we assist you?*"></textarea>
        </div>
        <section id="buttons">

        <input type="submit" name="submit" id="submitbtn" class="submitbtn" tabindex="7" value="Submit"></input>
        <br style="clear:both;">
        </section>

    </form>

以下是textarea表单的css

        form input.text,
        form select,
        form textarea
        {
            position: relative;
            float: left;
            display: block;
            border: 0;
            background: rgba(250,250,250,0.8);
            width: 140px;
            margin: 6px 0px;
            padding: 10px 16px;
            box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
            border: solid 1px rgba(0,0,0,0.10);
            -webkit-appearance: none;               
            -moz-transition: all 0.35s ease-in-out;
            -webkit-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            color: #555;
            outline: none;
        }

我完全完成了这个教程（http://webdev-il.blogspot.com.au/2013/05/how-to-make-form-placeholder-text.html）和其他许多人，我仍然不确定为什么文本仍然没有出现在IE中，所以我确信这个问题源于class =“text “已经在代码中了。我不是网络专家所以非常感谢任何帮助，谢谢！

Answer 1

目前，IE对占位符文本没有任何支持。

看看这个：http://www.techrepublic.com/blog/australian-technology/using-placeholder-text-in-html5-forms-across-all-browsers/1353/

HTML5表单占位符未出现在IE中

1 个答案: