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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,645评论 19 139
  • 1. 什么是表单 HTML表单用于搜集不同类型的用户输入以提交给服务器进行处理, 表单是一个包含表单元素的区域. ...
    cheneyzhangch阅读 3,405评论 0 0
  • HTML表单是一个包含各种表单元素的区域,用于收集用户提交的各种类型的的数据。 表单使用<from>来设置 <fr...
    萧雪圣阅读 1,800评论 0 0
  • 1. 简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单元素通常包括文本域(texta...
    _达斯基阅读 1,683评论 0 0
  • 1.HTML表单简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单使用标签 来设置 标...
    村里第一帅阅读 2,890评论 0 0