必填字段HTML5表单

Question

I just created html 5 form with attribute "required".

Why it still appear popup "Please fill out this field" in left top of my browser(Firefox), not under the field when it submitted although all field filled.

here my code :

<form method="get" id="form_reg_mem">
                        <input type="hidden" name="s" value="member"/>
                        <input type="hidden" name="a" value="4"/>
                        <h5>member Informatio</h5>
                        <hr/><br/>
                        <p>
                            <label>Email</label>
                            <input id="mem_email" class="easyui-validatebox filter_email" type="email" name="mem_email" required style="width: 200px" maxlength="45" />
                        </p>
                        <p>
                            <label>First Name</label>
                            <input id="mem_fname" class="easyui-validatebox filter_alphanumeric" type="text" name="mem_fname" required style="width: 200px" maxlength="45"/>
                        </p>
                        <p>
                            <label>Last Name</label>
                            <input id="mem_lname" class="easyui-validatebox filter_alphanumeric" type="text" name="mem_lname" required style="width: 200px"  maxlength="45" />
                        </p>
                        <p>
                            <label>Address</label>
                            <textarea id="mem_addr" class="easyui-validatebox filter_alphanumeric" name="mem_addr" style="width: 400px" maxlength="128"></textarea>
                        </p>
                        <p>
                            <label>Phone</label>
                            <input id="mem_phone" class="easyui-validatebox filter_numeric" type="text" name="mem_phone" style="width: 150px" maxlength="32" required/>
                        <p>                               
                            <label>Member Class</label>
                            <input id="mem_class" name="mem_class" url="/mobmarket/json/class.json" valueField="id" textField="text">  
                            </input>
                        </p>
                        <p>
                            <input class="button" value="Register" type="submit"/>
                        </p>
                     </form>

Thx

Answer 1

Finally i know what my trouble. It because i use the " easy ui combo box element " as a required field Dont add required attribut if you use it

You must use this code to make it required

 $("some selector").combobox({
                required:true
            });

Answer 2

该属性应为

required="required"

Answer 3

The answer provided by mbuurman is correct. Adding required="required" atribute to the input and select tags it worked ok for me. Tested on Chrome (30.0) and Firefox (24.0).