在HTML中,通過設(shè)置input輸入框不得為空可以讓用戶在提交表單時必須填寫相應(yīng)的數(shù)據(jù)。以下是幾種常見的實現(xiàn)方式:
方法一: <input type="text" name="username" required> 在input的屬性中添加required,表示該輸入框不能為空。 方法二: <form name="myform" onsubmit="return checkForm()"> <input type="text" name="username"> <input type="submit" value="提交"> </form> <script> function checkForm(){ var name = document.myform.username.value; if(name == ""){ alert("請輸入用戶名"); return false; } return true; } </script> 這段代碼在提交表單時會觸發(fā)checkForm函數(shù),檢查用戶名輸入框是否為空。如果為空則彈出提示框,并阻止提交表單。 方法三: <form name="myform"> <input type="text" name="username"> <input type="button" value="提交" onclick="checkForm()"> </form> <script> function checkForm(){ var name = document.myform.username.value; if(name == ""){ alert("請輸入用戶名"); }else{ document.myform.submit(); } } </script> 這段代碼在點擊提交按鈕時會觸發(fā)checkForm函數(shù),檢查用戶名輸入框是否為空。如果為空則彈出提示框,否則提交表單。