表单(包含H5新增)

一.创建表单

1. form标签

form标签属于块元素,在表单的最外层使用,常见的属性为method以及action
method属性表示方式方法;
action属性定义提交数据的目的地.

2.method属性

method常见的属性值有get和post,各有优缺点,根据实际需求使用.

2-1.get

get是默认值,意思是从服务器上获取数据.
优点:效率高
缺点:数据量较小,不能大于2kb;且安全性较低,在网页url网址框中使用者可以看到其输入的相关信息.

2-2.post

post意思是向服务器传送数据
优点:安全性较高,数据量大,一般不设上限;
缺点:运行效率较低.

二.表单控件

注意信息收集 类的表单都需要name和value来给服务器收集数据使用 .
常见的表单控件有input、button、textarea、select 、option

1.输入框input

input type=“定义类型” name=“名字” value=“值” placeholder=“给用户看提示信息的”

type

常见的属性值有:
text 文本框
paaword 密码框(会使用户输入的值变成黑点,例如QQ密码的形式)
submit 提交按钮(默认显示提交二字,如需调整可配合value使用)
reset 重置按钮(默认显示重置二字,如需调整可配合value使用)
button 按钮(默认只是个按钮,如需加入内容可配合value使用)
radio 单选 使用时,需要给 同组的给相同的命名.
checkbox 多选按钮(单选多选默认选中属性checked,禁用属性disabled)
file 上传文件 默认只能上传一个,想要上传多个,可以添加属性multiple.
hidden 隐藏

  <input type="radio" name="喜欢" value="yes" id="喜欢">
   <label for="喜欢">喜欢</label>
  <input type="radio" name="喜欢" value="no">
   <label for="不喜欢">不喜欢</label>

cheackbox多选

<input type="checkbox" name="爱好" value="足球" id="football">