简单快捷简单的表格编辑请

时间:2014-03-09 20:25:21

标签: html forms required-field

此处的表单包含在提交按钮之前输入的文件。所有我需要顶部'标题​​'列表需要它='true'。我知道如何为每个文本表单执行此操作,但不确定如何为选项选项列表定位代码。

干杯。

请看一下我为此创建的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>

2 个答案:

答案 0 :(得分:0)

这应该有效:

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

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

Working Fiddle

  

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

     

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

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

答案 1 :(得分: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>