前端小知识03

表单

能够获取前端用户数据(用户输入的、用户选择、用户上传…)基于网络发送给后端服务器

<form action=""></form> 
在该form标签内部书写的获取用户的数据都会被form标签提交到后端

action:控制数据提交的后端路径(给哪个服务端提交数据)

1.什么都不写—— 默认就是朝当前页面所在的url提交数据
2.写全路径——eg：https://www.baidu.com 朝百度服务端提交
3.只写路径后缀——eg：action=‘/index/’
自动识别出当前服务端的ip和port拼接到前面host:port/index/

input标签

• text:普通文本

• password:密文

• date:日期

• submit:用来触发form表单提交数据的动作

• button:就是一个普普通通的按钮 本身没有任何的功能 但是它是最有用的，学完js之后可以给它自定义各种功能

• reset:重置内容

• radio:单选
  默认选中要加checked=‘checked’
  <input type="radio" name="gender" checked='checked'>男
  当标签的属性名和属性值一样的时候可以简写
  <input type="radio" name="gender" checked>女

• checkbox:多选
  <input type="checkbox" checked>DBJ

• file:获取文件 也可以一次性获取多个
  <input type="file" multiple>

• hidden:隐藏当前input框

select标签

默认是单选 可以加mutiple参数变多选
默认选中 selected

<select name="" id="" multiple>
    <option value="" selected>111</option>
    <option value="" selected>222</option>
 	<option value="">333</option>
</select>

文本标签textarea

<textarea name="" id="" cols="25" rows="10"></textarea>

触发form表单的按钮

• input <input type="submit" value="注册">
• button <button>点此按钮</button>