容易和快速的简单形式编辑请

Question

我这里的表单要求在提交按钮之前输入文件。所有我需要它的顶部'title'列表是必需的='true'。我知道如何为每个文本表单做，但不确定如何定位选项选择列表的代码。

欢呼。

请看看我为这个创建的jsfield:

http://jsfiddle.net/New_to_Websites/5A4vS/运行

Code:
<script language="javascript">
    var sa_sent_text = 'Thank you for contacting us. We will get back to you soon.';
    function sendme() {
        alert(sa_sent_text);
        document.getElementById("name").value = "";
        document.getElementById("message").value = "";
        document.getElementById("subject").value = "";
        document.getElementById("email").value = "";
        return false;
    }
</script>
<div id="sa_contactdiv">
    <form name=sa_htmlform style="margin:0px" onsubmit="return sendme();">
        <table>
            <tr>
                <td>Title:
                    <br>
                    <select name="title" size="1">
                        <option value="Mr.">Mr.</option>
                        <option value="Mrs.">Mrs.</option>
                        <option value="Miss">Miss</option>
                        <option value="Ms.">Ms.</option>
                        <option value="Dr.">Dr.</option>
                        <option value="Prof.">Prof.</option>
                        <option value="Other">Other</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Name:
                    <br>
                    <input type="text" id="name" name="name" />
                </td>
            </tr>
            <tr>
                <td>E-mail Address: <span style="color:#D70000">*</span>
                    <br>
                    <input type="text" id="email" name="email" required="true" />
                </td>
            </tr>
            <tr>
                <td>Subject: <span style="color:#D70000">*</span>
                    <br>
                    <input type="text" id="subject" name="subject" required="true" />
                </td>
            </tr>
            <tr>
                <td>Message: <span style="color:#D70000">*</span>
                    <br>
                    <textarea name="message" id="message" cols="42" rows="9" required="true">         </textarea>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="Send Message" style="font-weight:bold">
                </td>
            </tr>
        </table>
    </form>
</div>

Answer 1

应该可以:

<select name="title" size="1" required aria-required=”true”>
     <option value="">Please Choose</option>
     <option value="Mr.">Mr.</option>
     <option value="Mrs.">Mrs.</option>
     <option value="Miss">Miss</option>
     <option value="Ms.">Ms.</option>
     <option value="Dr.">Dr.</option>
     <option value="Prof.">Prof.</option>
     <option value="Other">Other</option>
</select>

如果你有一个默认值为空的选项，则必需的属性有效。

工作小提琴

所需的属性是一个布尔属性。当指定时，将要求用户在提交表单之前选择一个值。

如果select元素指定了一个必需的属性，则没有指定多个属性，并且显示大小为1;如果select元素的选项列表(如果有的话)中第一个选项元素的值是空字符串，并且该选项元素的父节点是select元素(而不是optgroup元素)，那么该选项就是select元素的占位符标签选项。

引自http://dev.w3.org/html5/spec-author-view/the-select-element.html

Answer 2

试试这个

<td>Title:<span style="color:#D70000">*</span>
                    <br>
                    <select name="title" size="1" required="true">
                        <option value=""></option>
                        <option value="Mr.">Mr.</option>
                        <option value="Mrs.">Mrs.</option>
                        <option value="Miss">Miss</option>
                        <option value="Ms.">Ms.</option>
                        <option value="Dr.">Dr.</option>
                        <option value="Prof.">Prof.</option>
                        <option value="Other">Other</option>
                    </select>