HTML标签 易混易错小总结
程序员文章站
2024-01-31 14:48:16
...
纠结了一天，终于把HTML标签的正确使用，各自的适用性清楚地了解了一下，这里简单总结一下以免再犯类似的错误。
将以上代码运行，当什么也不输入时电击“登录”按钮，会提示“用户名不能为空”，但是仅出现一下就会闪退。是什么原因呢？
注： type=button：就单纯是按钮功能 ；type=submit：是发送表单。
未完待续……
一切都是由于这样的一个问题
将以上代码运行，当什么也不输入时电击“登录”按钮，会提示“用户名不能为空”，但是仅出现一下就会闪退。是什么原因呢？
关键是这里
此时会有两个事件触发，首先调用onclick对应的函数，然后再进行自动submit（因为此时type的类型为submit），自然会将提示覆盖掉。所以将type设置成button即可解决。下面简单总结一下，
HTML 标签的 type 属性
| 值 | 描述 |
|---|---|
| button | 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。 |
| checkbox | 定义复选框。 |
| file | 定义输入字段和 "浏览"按钮，供文件上传。 |
| hidden | 定义隐藏的输入字段。 |
| image | 定义图像形式的提交按钮。 |
| password | 定义密码字段。该字段中的字符被掩码。 |
| radio | 定义单选按钮。 |
| reset | 定义重置按钮。重置按钮会清除表单中的所有数据。 |
| submit | 定义提交按钮。提交按钮会把表单数据发送到服务器。 |
| text | 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。 |
HTML
| 值 | 描述 |
|---|---|
| submit | 该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。 |
| button | 该按钮是可点击的按钮（Internet Explorer 的默认值）。 |
| reset | 该按钮是重置按钮（清除表单数据）。 |
版权声明：本文为博主原创文章，未经博主允许不得转载。
以上就介绍了HTML标签 易混易错小总结，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频