HTML表单的使用方法

HTML表单通常是提交用户信息。
表单元素包含文本域 ，隐藏域 ，单选，复选等..

<form>常用属性有：

action:表单提交的文件
menthod：表单提交的方式

<form action="/getInfo" method="get">
</form>

表单常用元素

<input>，<textarea>(多行文本框)，<option>（下拉框），<label>（<input>的标注）等。

实例如下：

单选或多选时，相同的name为一组：

1组
<input type="radio" name="sex" value="man" >男
<input type="radio" name="sex" value="woman">女

2组
<input type="radio" name="xingbie" value="man" >男
<input type="radio" name="xingbie" value="woman">女

多选type="checkbox"，<label> 标签包围点文字也可以选择

<label><input type="checkbox" name="" value="dota">dota</label>
<label><input type="checkbox" name="" value="旅游" checked>旅游</label>
<label><input type="checkbox" name="" value="宠物" checked>宠物</label>

密码框

<input type="password" name="" placeholder="默认显示的文字"> 

单行文本框

<input type="text" name="" placeholder="默认显示的文字">

多行文本框

<textarea name="" cols="10" rows="5" >
        默认显示的文本
</textarea>

下拉菜单栏

<select>
    <option value="beijing">北京</option>
    <option value="shanghai" selected>上海</option>
    <option value="hangzhou">杭州</option>
</select>

隐藏域，检验是否安全

<input type="hidden" name="" value="">

上传文件

<input type="file" name="" accept="定义上传文件类型">

按钮

<button>提交</button>
<input type="buttom" value="按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">