1 Html其他标签

1.1 html的表单标签

HTML 表单用于搜集不同类型的用户输入。简单记就是可以让用户输入信息,获取到这些信息并提交到指定位置;
使用

标签表示表单;
image.png
image.png
action:用于指定表单提交的路径。(就是表单的数据交给谁)
enctype:用于指定表单的提交编码格式。(后面使用,用于文件上传)
method:用于指定表达的提交方式。(后面使用,用于在服务器中获取表单的数据及乱码处理)

1.1.1 表单项—input(重点)

在表单中,可以收集用户信息的具体标签。例如:输入框,下拉框,多选框,单选框。
在表单项中使用表示普通的表单项。具体类型由input标签的type属性决定。
type=”具体值”;
具体值的可用范围:
button 代表一个按钮。(需要我们自己绑定事件才有效果)
checkbox 代表一个多选框。
file 代表一个文件上传项。
hidden 代表一个隐藏域,可以保存我们程序员需要使用的数据。
image 代表图片提交按钮。
password 代表一个密码框。
radio 代表一个单选框。注意:多个单选框的name属性值必须一致,才会认为是一组。
reset 重置按钮。
submit 提交按钮。(提交效果与image一样,样式不如image好看而已)
text 普通文本。
扩展:
type=”date” 可以自动添加一个日期插件。(谷歌浏览器可以使用)
所有表单项的通用属性:
1:name属性,用于将来表单提交的时候,作为参数名使用。必须加,如果不加,这个表单项的值将不会提交。
2:value属性,用于给表单项规定一个默认值。(多选框和单选框必加)
3:disabled=”disabled” 可以控制这个 表单项无效,无效的表单项不会提交数据。
4:checked=”checked” 可以让单选框或多选框默认选中。

1.1.2 表单项—下拉框(重点)

可以让用户选择一个固定的信息。
使用