html5 輸入框不能為空怎么實現

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

本教程操作環境：Windows10系統、HTML5版、Dell G3電腦。

html5 輸入框不能為空怎么實現？

html5設置表單的文本框不能為空

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

在test.html文件內，我們需要創建一個表單<form action="" method="get"></form>。

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

在瀏覽器瀏覽一下test.html，點擊提交按鈕時，來看看效果能否實現。

推薦學習：《HTML5視頻教程》