html5輸入框不能為空的實現(xiàn)方法:1、創(chuàng)建一個表單“<form action="" method="get"></form>”;2、加入一個Input文本框,然后通過加上required屬性即可實現(xiàn)輸入框不能為空的效果。
本教程操作環(huán)境:Windows10系統(tǒng)、HTML5版、Dell G3電腦。
html5 輸入框不能為空怎么實現(xiàn)?
html5設置表單的文本框不能為空
我們新建一個html網(wǎng)頁文件,把他命名為test.html,接下來我們用test.html文件來講解html5如何設置表單的文本框不能為空。
在test.html文件內(nèi),我們需要創(chuàng)建一個表單<form action="" method="get"></form>。
給在表單內(nèi),加入一個Input文本框,并且加上required屬性。<input type="text" value="usr_name" required="required" />。
在瀏覽器瀏覽一下test.html,點擊提交按鈕時,來看看效果能否實現(xiàn)。
推薦學習:《HTML5視頻教程》