您的位置：首页 > Web前端 > HTML5

HTML5表单必填项属性required=＂required＂

2015-12-21 09:50 627 查看
前端人员肯定做过不少表单验证的项目，其中很重要的一点就是有些输入框的内容是必须填写的，这里就需要使用Javascript来检查。在HTML5中，新增了一个“必须填写”的属性：required。required属性有两种使用方法，第二种方法显得更有结构性，而第一种更简洁。

1
<</CODE>
input
 [code]type
=
"text"
name
=
"someInput"
required>
2
<</CODE>
input
 [code]type
=
"text"
name
=
"someInput"
required
=
"required"
>


有了这个属性，使表单的提交验证变得更简单了，看看下面简单的例子：

1
<</CODE>
FORM
 [code]method
=
post
>
2
<</CODE>
LABEL
 [code]for
=
someInput
> Your Name: </</CODE>LABEL
>
3
<</CODE>
INPUT
 [code]id
=
someInput
 
type
=
text
 
name
=
someInput
 
placeholder="Douglas
4
Quaid"
required
=
"required"
>
5
<</CODE>
BUTTON
 [code]type
=
submit
>Go</</CODE>BUTTON
>
6
</</CODE>
FORM
[code]>
如果输入框为空，表单将无法提交成功。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航