html5輸入框不能為空的實(shí)現(xiàn)方法：1、創(chuàng)建一個(gè)表單“<form action="" method="get"></form>”；2、加入一個(gè)Input文本框，然后通過加上required屬性即可實(shí)現(xiàn)輸入框不能為空的效果。

本教程操作環(huán)境：Windows10系統(tǒng)、HTML5版、Dell G3電腦。

html5 輸入框不能為空怎么實(shí)現(xiàn)？

html5設(shè)置表單的文本框不能為空

我們新建一個(gè)html網(wǎng)頁文件，把他命名為test.html，接下來我們用test.html文件來講解html5如何設(shè)置表單的文本框不能為空。

在test.html文件內(nèi)，我們需要?jiǎng)?chuàng)建一個(gè)表單<form action="" method="get"></form>。

給在表單內(nèi)，加入一個(gè)Input文本框，并且加上required屬性。<input type="text" value="usr_name" required="required" />。

在瀏覽器瀏覽一下test.html，點(diǎn)擊提交按鈕時(shí)，來看看效果能否實(shí)現(xiàn)。

推薦學(xué)習(xí)：《HTML5視頻教程》