前端02 form表单和css查找

目录

form表单

能够获取用户输入输出，并且能将用户输入的内容发给后端

<form action="" method="">

参数：

  1. action 控制数据提交的地址

不写默认就是朝当前页面所在的地址发送请求，写全路径就是向路径地址发送，也可以只写路径的后缀

  1. method 控制提交的提交方式，默认是以get方式提交，还可以post方式提交

input

通常情况下，input需要结合label表签一起使用

<label for="d1">用户名：<input type="text" id="d1"></label>

form表单中的input 的参数是可以改变的，可选的参数如下

type功能 功能
password 输入的内容会变成密文
text 普通文本
date 日期，会自动生成一个日历供选择
radio 出现一个单选的圆圈
checkbox 多选的勾选框
hidden 可以隐藏内容
file 可以上传文件
button 生成一个普通的按钮
reset 生成一个重置按钮
submit 生成一个提交按钮

input标签里面可以加上disable参数，禁用input框

还可以添加value 设置默认值

<button>我也可以提交</button>这个标签也可以代替 <input type="submit" value="提交">进行提交

form表单如果要提交文件数据 必须修改以下参数

enctype="multipart/form-data"

select

下拉框标签

`

posted @ 2019-11-13 22:14  KONNE  阅读(360)  评论(0)    收藏  举报