0

我在这里的表格要求在提交按钮之前输入文件。我只需要它才能使顶部的“标题”列表成为必需的=“真”。我知道如何为每个文本表单执行此操作，但不确定如何为选项选择列表定位代码。

干杯，伙计们。

请看一下我为此创建的 jsfiddle：

http://jsfiddle.net/New_to_Websites/5A4vS/#run

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>
4

2 回答 2

0

这应该有效：

<select name="title" size="1" required aria-required=”true”&gt;
     <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>

如果您有一个默认值为空的选项，则 required 属性有效。

工作小提琴

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

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

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

于 2014-03-09T20:32:57.627 回答
0

试试这个

<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>
于 2014-03-09T20:34:04.957 回答