表单

表单：用于收集用户输入

<form> 元素 定义 HTML 表单

参数:

action 属性定义后台提交的地址

method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）

GET（默认方法）表单提交是被动的（比如搜索引擎查询），并且没有敏感信息，使用GET

GET 最适合少量数据的提交。浏览器会设定容量限制  页面地址栏可看见数据

(POST)表单正在更新数据，或者包含敏感信息（例如密码),使用POST

POST 的安全性更加，在页面地址栏中被提交的数据是不可见的

label标签配合表单使用
label中for属性配合表单元素的id使用(为了方便手机端 点击到label即可获取焦点)

   

 

 

 

<input >元素

<input type="text">   定义常规文本输入

placeholder设置文本框中提示信息

input---text默认蓝色边框   outline:none取消边框

常见问题：

样式问题

解决方案：为了所有浏览器显示正常，input-text属性配合span标签使用 span包住input-text
设置input-text outline:none  border:none  样式在span标签设置

 

<input type="radio">  定义单选按钮输入

<input type="radio" checked>   单选框默认选中 设置checked

 

<input type="submit"> 定义提交按钮（提交表单）

 

<input type="checkbox"> 定义多选按钮输入

<input type="checkbox" checked> 多选框默认选中 设置checked

 

NAME属性（键值对  键 name值）

如果要正确地被提交，每个输入字段必须设置一个 name 属性

 

fieldset属性

<fieldset> 元素组合表单中的相关数据

<legend> 元素为 <fieldset> 元素定义标题

 

<input> 元素

<select></select>元素 (下拉列表)

<option>定义待选择的选项 (也就是select列表的内容 )   格式：<select><option value="上海">上海</option></select>

<button>定义可点击的按钮