表单 form
1、<form></form>表示一个表单,form标签里可以嵌入表单元素,形成一个页面上的表单/2、标签属性
- method:指定提交的方式,默认是get,还可以取post
- action:手动指定表单数据提交的路径,一般指定的是服务器的ip地址,也可以指定为另一个 页面用于查看效果
表单元素
1、input:实现各种框,type属性确定类型,单标签,多个input可以同行显示
- 输入框:type="text",默认值
- 密码框:type="password"
- 单选框:type="radio",如果需要多个单选框只选中一个,需要所有单选框有一样的name属性,选项添加checked属性设置为默认选项
- 多选框:type="checkbox",选项添加checked属性设置为默认选项
- 按钮:type="button",给input设置value属性,可以给按钮添加文本,不带提交功能
- 邮箱:type="email"
- 颜色:type="color"
- 日期:type="date"
- 范围:type="range"
- 数字:type="number"
- 新增属性:可以使用required属性设置某个表单元素为必填;disabled设置某个表单元素为不可修改
2、select:实现下拉菜单,需要搭配option一起使用;给option添加selected属性设置为默认属 性。
3、textarea:实现文本域;cols一行的列数,rows多少行;value设置文本默认的内容
4、button:实现按钮 ,处于form的按钮自带提交功能;submit表单提交;reset表单重置