养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html5如何设置表单的文本框不能为空

时间:2024-11-14 04:38:31

在平时我们制作表单时,如果我们想要表单的文本框为必填项,不能为空,如何实现呢?下面怅屹岖噤小编举例讲解html5如何设置表单的文本框不能为空,我们要使用到required这个属性。

html5如何设置表单的文本框不能为空

工具/原料

代码编辑器:dreamweaver8

css+html

方法/步骤

1、我们新建一个html网页文件,把他命名为test.html,接下来我们用test.html文件来讲解html5如何设置表单的文本框不能为空。

html5如何设置表单的文本框不能为空

2、在test.html文件内,我们需要创建一个表单<formaction=&孥恶膈茯quot;"method="get"></form>。

html5如何设置表单的文本框不能为空

3、给在表单内,加入一个Input文本框,并且加上req掼鸿乡羰uired属性。<inputtype="text"valu髫潋啜缅e="usr_name"required="required"/>。

html5如何设置表单的文本框不能为空

4、在浏览器浏览一下test.html,点击提交按钮时,来看看效果能否实现。

html5如何设置表单的文本框不能为空

© 一点知识