首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML输入类型在Chrome中不能正确显示

HTML输入类型在Chrome中不能正确显示
EN

Stack Overflow用户
提问于 2018-06-25 00:01:54
回答 1查看 835关注 0票数 0

这是我用过的代码,但我不认为它有什么问题,因为它在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>
EN

回答 1

Stack Overflow用户

发布于 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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51011620

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档