这是我用过的代码,但我不认为它有什么问题,因为它在Safari中运行得很好,但在Chrome.The left hand is Chrome and the other is Safari. As you can see, the radio, submit, reset type somehow disappeared in Chrome.上运行得很好
Check out this image通常应该有各种复选框,我可以选择开或关。但在我的浏览器中,它不能工作。
<form method="GET">
<input type="radio" name="gender" value="male">Male <br>
<input type="radio" name="gender" value="female">Female <br>
<input type="radio" name="gender" value="other">Other <br>
Pets <br>
<input type="checkbox" name="dog" value=""> Dogs<br>
<input type="checkbox" name="cat" value=""> Cats<br>
Cars <br>
<select class="" name="cars">
<option value="volvo" name="volvo">Volvo</option>
<option value="Audi" name="audi">Audi</option>
</select><br>
<input type="submit" name="" value="Register">
<input type="reset" name="" value="Reset">
</form>
发布于 2018-06-25 00:14:01
您的input
选择器
<input type="submit" name="" value="Register">
<input type="reset" name="" value="Reset">
应声明为按钮。Chrome希望它们被明确声明为<button>
。
<button type="submit">Register</button>
<button type="reset">Reset</button>
以下是您提供的代码的改进版本,并进行了一些修复。您可以学习如何正确构建<form>
via MDN。
<form method="GET">
<input type="radio" name="gender" value="male" id="male"><label for="male">Male</label> <br>
<input type="radio" name="gender" value="female" id="female"><label for="female">Female</label> <br>
<input type="radio" name="gender" value="other" id="other"><label for="other">Other</label> <br> Pets <br>
<input type="checkbox" name="dog" value="" id="dogs"><label for="dogs">Dogs</label><br>
<input type="checkbox" name="cat" value="" id="cats"><label for="cats">Cats</label>
<br> Cars <br>
<select class="" name="cars">
<option value="volvo" name="volvo">Volvo</option>
<option value="Audi" name="audi">Audi</option>
</select><br>
<button type="submit">Register</button>
<button type="reset">Reset</button>
</form>
https://stackoverflow.com/questions/51011620
复制相似问题