HTML 表单使用方法

表单的作用

HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互

表单的工作机制

用户在表单框里输入内容,提交数据并发送给服务器,服务器接收并处理

表单定义的格式

<form action=“reg.php" method="post">
    <!--表单元素在这里-->
</form>

表单属性

action是写入url数据提交到后台的地址
method有post和get两种请求方式,区别在于get请求时是向后台请求数据,post常用来向后台上传数据,post方式可传输的数据量更大而且安全性也比get好

常用标签有

普通文本框<input type="text" name="" value="" placeholder /> placeholder是提示文本内容
密码框 <input type="password" name="pwd" />
单选框 <input type="radio" name="" value="" />
复选框 <input type="checkbox" name="" value="" />
重置按钮 <input type="reset" value="" />
上传文件 <input type="file" name="" />
下拉列表
<select name=""> <option value="1"></option> <option value="2"></option> </select>
文本域 <textarea></textarea>
隐藏项 <input type="hidden" name="trueName" value="" />
图片提交按钮 <input type="image" src="" />
提交按钮 <input type="submit" name="提交" />
普通按钮 <input type="button" name="提交" value="提交" />

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

推荐阅读更多精彩内容

  • 定义和用法 标签用于为用户输入创建 HTML 表单。表单能够包含input 元素,比如文本字段、复选框、单选框、...
    任少鹏阅读 564评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,904评论 18 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • 流沙是沙和水的混合物,在震动或压力作用下会发生液化、流动的现象。越是挣扎,陷得越深。若已深陷,逃脱流沙的最好方法就...
    流沙l阅读 529评论 2 7
  • 本篇文章翻译自:Reference vs Value Types in Swift: Part 1/2原作: Er...
    matrix_lab阅读 440评论 0 1