html表单的使用方法

html表单是一个包含表单元素的区域，用来收集用户输入的内容并提交，表单使用<form>标签设置。

1.表单属性

action:规定当提交表单时，向何处发送表单数据，表单提交的地址。
method：定义浏览器将表单中的数据提交给服务器处理程序的方式，有get和post两种。
name:表单名称，name属性是和服务器通信时使用的名称。

get和post区别
get方法会把数据组装，连接在url上传送到后台，post 方法url不会变，但数据会传送到后天，post方法要比get方法安全性高；get提交的数据有限，post没有限制。

2.表单元素

• 单行文本框<input type="text">

<input type = "text" name="名称" />

• 单选框<input type="radio">

<input type="radio" name="sex" value="" />
<input type="radio" name="sex" value="" />

• 复选框<input type="checkbox">

<input type ="checkbox" name="hobby" value="" />
<input type ="checkbox" name="hobby" value="" />
<input type ="checkbox" name="hobby" value="" />

• 上传文件<input type="file">

<input type="file" name="myfile" accept="image/png">

• 提交<input type="submit">

<input type="submit" value="Submit" /> 提交

• 隐藏域<input type="hidden">

<input type="hidden" name="csrf" value="12345623fafdffdd">

• 重置按钮<input type="reset">

<input type="reset" value="Reset" /> 重置

• 下拉框<select></select>

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

• 多行文本<textarea></textarea>

<textarea name="article">
</textarea>